Design Engineer

MrBeast

San Francisco, San Francisco, California, United StatesRemotecompetitive salary

Is this role a fit for you?

Upload your resume and see this job scored against your skills, experience, pay, and preferences — no account needed.

About Us Beast Industries is a multifaceted media and entertainment company founded by Jimmy Donaldson, popularly known as MrBeast, the most watched person in the world. Renowned for revolutionizing digital content creation, Beast Industries encompasses a diverse portfolio of ventures that extend far beyond its origins on YouTube. With a mission to entertain, inspire, and create significant social impact, Beast Industries operates across various domains including digital media, philanthropy, consumer products, and innovative business initiatives. At Beast Industries, we believe in the transformative power of digital media and its potential to entertain, educate, and effect positive change. Our commitment to innovation, creativity, and philanthropy drives us to explore new frontiers, create unforgettable experiences, and build a legacy that inspires future generations. Design Engineer Weâre hiring a Design Engineer who blends design taste, engineering execution, and product ownership. Youâll work where design and engineering meetâturning concepts into polished, performant, production-ready interfaces across our React stack. Overview Youâll collaborate with design and product from day one, shaping UI in real code, building reusable components, and delivering interaction patterns that feel fast, intuitive, and intentional. Motion, accessibility, and responsive behavior are treated as core requirements, not extras. What Success Looks Like High-quality, reusable React components adopted across teams Production UI that feels fast, intuitive, and consistent Smooth, intentional motion that enhances clarity and flow Strong partnership with design and engineering from concept through ship Meaningful contributions to our design system and component architecture 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. Benefits The Perks, Why Work On the MrBeast Team We 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 RMTUyLjU1LjE4NC44NA== when applying to show you read the job post completely (#RMTUyLjU1LjE4NC44NA==). 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. Tags: education, technical, customer support, dev, testing, marketing, finance, video, sales, golang, medical, digital nomad, design, coordinator, exec, content writing, social media, engineer, senior, ops, excel, recruiter, react, sys admin, front end, travel, javascript

Similar roles