UI Engineer

GammaSan Francisco, CA
Onsite

About The Position

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.

Requirements

  • 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

Nice To Haves

  • Experience with animation libraries or visual editing tools

Responsibilities

  • 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
© 2024 Teal Labs, Inc
Privacy PolicyTerms of Service