MrBeast

Design Engineer

MrBeast

full-time

Posted on:

Location Type: Remote

Location: California • United States

Visit company website

Explore more

✨ AI Apply
Apply

Tech Stack

JavaScriptNext.jsReact

About the role

  • Build polished, production-ready UI using React, Next.js, and Tailwind
  • Implement motion, micro-interactions, and transitions using Framer Motion or native techniques
  • Evolve and maintain reusable primitives and components using shadcn/ui patterns
  • Ensure accessibility, responsiveness, and cross-browser consistency
  • Optimize interaction performance and animation smoothness
  • Translate Figma concepts into high-quality code with clear states and flows
  • Partner early with designers to shape components, interactions, and states
  • Prototype interaction ideas and motion-heavy flows in code
  • Provide engineering insight to improve design feasibility and clarity
  • Own UI execution for features end-to-end
  • Handle interaction logic, state management, and edge-case behavior
  • Participate in sprint planning, estimation, and cross-functional reviews
  • Extend and refine our design system using shadcn/ui, Tailwind tokens, and reusable patterns
  • Document component usage, motion guidelines, and best practices
  • Promote consistency across product surfaces

Requirements

  • 3+ years in frontend engineering or design engineering
  • Strong React experience
  • Proficiency with Tailwind and component-driven UI architecture
  • Experience implementing polished UI with smooth, performant motion
  • Strong grasp of accessibility, responsive design, and UI fundamentals
  • Comfortable collaborating closely with designers and product teams
Benefits
  • Competitive Salary
  • Generous Medical (Blue Cross Blue Shield), Dental, Vision and company-paid Life Insurance
  • Company contributions to employee Health Savings Accounts (HSA)
  • 401k Plan with Safe Harbor company-matching
  • Flexible vacation policy and paid company holidays
  • Company-provided technology package
  • Relocation assistance where applicable, including travel and company-provided housing for the first 90 days
Applicant Tracking System Keywords

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

Hard Skills & Tools
ReactNext.jsTailwindFramer Motionshadcn/uiUI architecturestate managementresponsive designaccessibilitymotion design
Soft Skills
collaborationcommunicationproblem-solvingdesign feasibilitysprint planningcross-functional teamworkdocumentationprototypingattention to detailcreativity