Job description

ABOUT THE ROLE You'll build Gamma's visual experience: pixel-perfect layouts, smooth animations, and responsive interactions that make the product feel magical. That means owning design system components from buttons and inputs to complex editor UI primitives, implementing polished micro-interactions and transitions, and solving tough browser challenges across compatibility and rendering. You'll sweat the details (spacing, typography, hover states, loading states, error states, edge cases) while keeping frontend performance sharp. As a Frontend Engineer focused on UI and design systems, you'll partner closely with designers to translate high-fidelity mocks into production-ready, accessible components and build reusable, well-documented component libraries that scale across the product. This role requires mastery of CSS, a sharp eye for craft, and an instinct for when to polish versus when to iterate. Our team has a strong in-office culture and works in person 4–5 days per week in San Francisco. We love working together to stay creative and connected, with flexibility to work from home when focus matters most. WHAT YOU'LL DO - Own design system components from foundational elements to complex editor UI primitives, with accessibility built in - Build pixel-perfect layouts, smooth animations, and responsive interactions across the product - Implement polished micro-interactions and transitions that make Gamma feel crafted and intentional - Optimize rendering, bundle size, and interaction responsiveness to maintain 60fps animations - Solve complex browser challenges including cross-browser compatibility, edge cases, and rendering quirks - Partner with designers to translate high-fidelity mocks into production-ready components WHAT YOU'LL BRING - 3–5+ years of frontend engineering with deep React expertise and mastery of CSS including flexbox, grid, animations, transforms, and browser quirks - Sharp eye for detail and craft, with the ability to spot 1px misalignments, janky animations, and inconsistent spacing - Experience building complex, interactive UIs such as editors, design tools, or animation-heavy applications - Performance optimization skills across React rendering, CSS performance, and animation frame rates, with experience building reusable, accessible, well-documented component libraries - Thoughtful approach to user experience including loading states, error handling, and responsive behavior - Experience with animation libraries or visual editing tools (Nice to have) COMPENSATION RANGE: The base salary for this full-time position, which spans multiple internal levels depending on qualifications, ranges between $180K - $310K plus benefits & equity. Final offer amounts are determined by multiple factors, including but not limited to experience and expertise in the requirements listed above. If you're interested in this role but you don't meet every requirement, we encourage you to apply anyway! We're always excited about meeting great people.

Requirements

Must-haves

Our team has a strong in-office culture and works in person 4–5 days per week in San Francisco. We love working together to stay creative and connected, with flexibility to work from home when focus matters most.
Own design system components from foundational elements to complex editor UI primitives, with accessibility built in
Build pixel-perfect layouts, smooth animations, and responsive interactions across the product
Implement polished micro-interactions and transitions that make Gamma feel crafted and intentional
Optimize rendering, bundle size, and interaction responsiveness to maintain 60fps animations
Solve complex browser challenges including cross-browser compatibility, edge cases, and rendering quirks
Partner with designers to translate high-fidelity mocks into production-ready components
3–5+ years of frontend engineering with deep React expertise and mastery of CSS including flexbox, grid, animations, transforms, and browser quirks
Sharp eye for detail and craft, with the ability to spot 1px misalignments, janky animations, and inconsistent spacing
Experience building complex, interactive UIs such as editors, design tools, or animation-heavy applications
Performance optimization skills across React rendering, CSS performance, and animation frame rates, with experience building reusable, accessible, well-documented component libraries
Thoughtful approach to user experience including loading states, error handling, and responsive behavior
The base salary for this full-time position, which spans multiple internal levels depending on qualifications, ranges between $180K - $310K plus benefits & equity.
If you're interested in this role but you don't meet every requirement, we encourage you to apply anyway! We're always excited about meeting great people.

Nice-to-haves

Experience with animation libraries or visual editing tools (Nice to have)

Application prep

Use the role’s language and application details while tailoring your materials.

Keywords to mirror

design systemdesign systemsaccessibilityreact

Platform: ashby
Effort: quick