Design Engineer at CodeRabbit bridging design and front-end engineering for marketing websites. Collaborating with teams to deliver high-quality web experiences with a performance-first mindset.
Responsibilities
Own the front-end implementation of coderabbit.ai — building and shipping new pages, sections, and interactive experiences in our Next.js 15 / TypeScript / Tailwind CSS stack.
Translate design concepts (from Figma comps, rough sketches, or your own ideas) into polished, performant, production-ready code.
Build performant animations, transitions, and interactive moments using GSAP, Framer Motion, and WebGL/Three.js that elevate the website experience without compromising page speed or core web vitals.
Maintain and extend our front-end component library, ensuring consistency and reusability across every marketing surface.
Partner with marketing and content teams to design and build landing pages, campaign pages, product announcements, and conversion-focused experiences.
Rapidly prototype and ship web assets for launches, events, and growth experiments with minimal hand-holding.
Create and maintain reusable page templates that empower the marketing team to move faster.
Support visual content needs including social graphics, blog illustrations, email templates, and lightweight motion graphics when needed.
Approach every animation and interactive element with a performance-first mindset optimizing for frame rate, bundle size, and perceived load time.
Profile and optimize WebGL scenes, GSAP timelines, and Framer Motion transitions to ensure smooth, performant experiences across devices.
Proactively identify opportunities to improve website performance, accessibility, and overall user experience
Requirements
3–7 years of experience in a design engineering, front-end engineering, or web design role with a strong portfolio of shipped marketing websites.
Deep proficiency in React / Next.js, TypeScript, and Tailwind CSS — you write clean, maintainable front-end code.
Strong design eye and working fluency in Figma — you can design, critique, and iterate with confidence.
Demonstrated experience building performant web animations with GSAP and Framer Motion — you understand timelines, scroll-triggered sequences, and layout animations, and you know how to keep them running smoothly without degrading page performance.
Hands-on experience with WebGL and Three.js for creating interactive 3D or particle-based visuals on marketing websites, with a strong understanding of GPU performance, draw calls, and optimization techniques.
A disciplined approach to performance — you measure core web vitals, profile render loops, lazy-load heavy assets, and treat bundle size as a design constraint.
Comfort working in a Git-based workflow (branching, pull requests, code review) and deploying on Vercel or similar platforms.
A portfolio or set of live URLs that demonstrate your ability to ship high-quality, performant web experiences end to end.
Lead Design Engineer developing temporary civil and structural designs for bridge and infrastructure projects. Working from Richmond, VA or Annapolis Junction, MD with a focus on safety and code compliance.
IP Systems Engineer driving and executing the functional test plan for virtualization IPs at AMD. Engaging in technical innovation and collaborative efforts to enhance AMD’s validation capabilities.
Mechanical Engineer optimizing HVAC and mechanical systems across Uline’s North American facilities. Supporting equipment installations and delivering strategic recommendations for building systems.
Senior Mechanical Engineer overseeing HVAC and mechanical systems for Uline’s operational facilities. Responsible for optimizing building performance and coordinating construction projects in North America.
Engineer designing major components for U.S. Navy submarines at HII's Newport News Shipbuilding. Collaborate on product development and manufacturing processes to enhance ship systems.
Powertrain Structures Design Engineer developing power unit case housing and structures design for electric vehicles. Driving part placement and optimization from concept to production with a focus on collaboration.
Digital Design Engineer in custom compute at Marvell designing hardware for datacenter and AI SOCs. Collaborating across teams to produce high - quality designs and specifications.
Associate Design Engineer at Valmont responsible for structural analysis and design for utility products. Collaborating with engineering teams to ensure customer specifications are met and designs are efficient.
Mechanical Engineer PE II at ENFRA responsible for product design and system evaluation. Engaging in leadership and project management while ensuring engineering standards are met.