UI Engineer

Gamma; San Francisco (CA); On-site; USD 180,000 - 275,000; Full time

Job summary

A tech company in San Francisco is seeking a Frontend Engineer to enhance their visual experience. The role involves building design system components and translating high-fidelity mocks into reusable components. Candidates should have 3–5+ years of frontend engineering experience, deep expertise in React, and mastery of CSS. The position offers a competitive salary range of $180K–$275K plus benefits and equity, with a strong in-office culture and collaborative environment.

Qualifications

• 3–5+ years of frontend engineering experience focused on UI and design systems.
• Deep expertise in React and CSS, including flexbox and animations.
• Experience building interactive UIs, editors, and animation-heavy applications.

Responsibilities

• Own design system components from foundational elements to complex editor UI.
• Build pixel-perfect layouts and smooth animations across the product.
• Optimize rendering and performance for 60fps animations.

Skills

React expertise

Mastery of CSS

Frontend performance optimization

Attention to detail

Tools

Animation libraries

Visual editing tools

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 - $275K plus benefits & equity.

Final offer amounts are determined by multiple factors, including but not limited to experience and expertise in the requirements listed above.