Design Engineer
MrBeast
MrBeast
Key ResponsibilitiesDesign + Engineering Quality• 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
Collaborative Design Delivery• 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 • Iterate quickly with real UI instead of static hand-offs
Product Integration & Ownership• 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
Design System & Reusability• 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
Qualifications• 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
Preferred Skills• Experience with Framer Motion • Familiarity with shadcn/ui or similar headless component systems • Ability to prototype in Figma and code • Experience contributing to or maintaining a design system • Strong sense of visual and interaction design
Key Metrics for Impact• Reuse and adoption of components • UI performance and interaction responsiveness • Reduction in design-to-code iteration time • Accessibility and consistency across surfaces
The target total compensation ranges from $170,000 to 210,000, an employee equity plan grant, bonus, plus comprehensive benefits. BenefitsThe Perks, Why Work On the MrBeast TeamWe are redefining what entertainment and storytelling look like at global scale. Every piece of content we publish reaches millions and influences culture in real time. This is your opportunity to lead the team that decides how those moments come to life across every screen. • 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
Please mention the word **BONUS** and tag RMzQuMTQzLjE1Ny4yMDY= when applying to show you read the job post completely (#RMzQuMTQzLjE1Ny4yMDY=). This is a beta feature to avoid spam applicants. Companies can search these words to find applicants that read this and see they're human.