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

Applicant Tracking System Keywords

Tip: use these terms in your resume and cover letter to boost ATS matches.

Hard Skills & Tools

Next.jsTypeScriptTailwind CSSGSAPFramer MotionWebGLThree.jsReactperformance optimizationweb animations

Soft Skills

design eyecollaborationprototypingcreativityproblem-solvingattention to detailcommunicationiterationuser experience focusperformance-first mindset