Gamma (gamma.app) Logo

Gamma (gamma.app)

UI Engineer

Reposted 20 Days Ago
Be an Early Applicant
In-Office
San Francisco, CA, USA
180K-310K Annually
Mid level
In-Office
San Francisco, CA, USA
180K-310K Annually
Mid level
You will create pixel-perfect layouts and animations, optimize frontend performance, and build accessible components closely collaborating with designers.
The summary above was generated by AI
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.

HQ

Gamma (gamma.app) Concord, California, USA Office

Concord, Canada

Similar Jobs

Yesterday
Remote or Hybrid
United States
80K-85K Annually
Junior
80K-85K Annually
Junior
Information Technology • Database • Consulting
Design, develop, and maintain enterprise Angular web applications. Build reusable, responsive UI components; integrate with REST APIs; implement authentication and secure API integrations; optimize performance and accessibility; deploy and support cloud-hosted apps; collaborate with UX, backend, and business teams; troubleshoot production issues.
Top Skills: AngularAngular MaterialAWSBootstrapCi/CdCSS3GitHTML5Javascript (Es6+)JenkinsJSONJwtNgrxOauthPostmanRest ApisRxjsScssTypescript
12 Days Ago
In-Office or Remote
United States
Mid level
Mid level
Agency • Information Technology
Build and maintain Angular-based user interfaces and workflows using TypeScript, JavaScript, HTML, and SCSS/CSS. Develop application code and unit tests (Jasmine/Karma), integrate Java backend and REST web services, convert Figma designs to Angular, implement directives/controllers/services, and apply Module Federation in a micro-frontend architecture to ensure high performance and provide application support.
Top Skills: AngularCSSFigmaHTMLJasmineJavaJavaScriptKarmaMicro FrontendModule FederationRest Web ServicesScssTypescript
6 Days Ago
In-Office
San Jose, CA, USA
147K-278K Annually
Senior level
147K-278K Annually
Senior level
Cloud • Information Technology • Internet of Things • Professional Services • Software
Design and implement responsive, performant web UIs using Angular and TypeScript. Collaborate with designers, backend engineers, and product to integrate REST APIs, build reusable components per design system, participate in code reviews, optimize cross-browser performance, and deliver features iteratively in an Agile environment.
Top Skills: Angular V10+CSS3GitHTML5Javascript (Es6+)JSONRestful ApisTypescript

What you need to know about the San Francisco Tech Scene

San Francisco and the surrounding Bay Area attracts more startup funding than any other region in the world. Home to Stanford University and UC Berkeley, leading VC firms and several of the world’s most valuable companies, the Bay Area is the place to go for anyone looking to make it big in the tech industry. That said, San Francisco has a lot to offer beyond technology thanks to a thriving art and music scene, excellent food and a short drive to several of the country’s most beautiful recreational areas.

Key Facts About San Francisco Tech

  • Number of Tech Workers: 365,500; 13.9% of overall workforce (2024 CompTIA survey)
  • Major Tech Employers: Google, Apple, Salesforce, Meta
  • Key Industries: Artificial intelligence, cloud computing, fintech, consumer technology, software
  • Funding Landscape: $50.5 billion in venture capital funding in 2024 (Pitchbook)
  • Notable Investors: Sequoia Capital, Andreessen Horowitz, Bessemer Venture Partners, Greylock Partners, Khosla Ventures, Kleiner Perkins
  • Research Centers and Universities: Stanford University; University of California, Berkeley; University of San Francisco; Santa Clara University; Ames Research Center; Center for AI Safety; California Institute for Regenerative Medicine

Sign up now Access later

Create Free Account

Please log in or sign up to report this job.

Create Free Account