About the role

  • 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.

Benefits

  • Competitive salary, equity, and benefits
  • Professional development opportunities

Job title

Design Engineer

Job type

Experience level

Mid levelSenior

Salary

$160,000 - $190,000 per year

Degree requirement

Bachelor's Degree

Location requirements

Report this job

See something inaccurate? Let us know and we'll update the listing.

Report job