MrBeast Logo

MrBeast

Design Engineer

Posted 8 Days Ago
Be an Early Applicant
Easy Apply
In-Office
Los Angeles, CA
Mid level
Easy Apply
In-Office
Los Angeles, CA
Mid level
The Design Engineer will create production-ready UIs using React and Tailwind, ensure accessibility and performance, and collaborate with designers.
The summary above was generated by AI
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

BenefitsThe 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

Top Skills

Framer Motion
Next.Js
React
Shadcn/Ui
Tailwind

Similar Jobs

Yesterday
In-Office
Seal Beach, CA, USA
120K-198K Annually
Senior level
120K-198K Annually
Senior level
Aerospace • Information Technology • Software • Cybersecurity • Design • Defense • Manufacturing
The role involves harness design, integrating elements, managing hardware lifecycle, troubleshooting, and coordinating with various teams for spacecraft systems.
Top Skills: Mentor GraphicsNasa-Std 8739.4Sae As50881Teamcenter
2 Days Ago
In-Office
Huntington Beach, CA, USA
99K-162K Annually
Mid level
99K-162K Annually
Mid level
Aerospace • Information Technology • Software • Cybersecurity • Design • Defense • Manufacturing
The role involves testing, troubleshooting, and designing electrical hardware for navigation systems, ensuring compliance with standards, and supporting product development.
Top Skills: Aeronautical EngineeringAnalog/Digital ConversionChemistryComputer ScienceData ScienceElectrical EngineeringEmiFpgaMathematicsMechanical EngineeringMentor GraphicsPhysicsVhdl
2 Days Ago
In-Office
Costa Mesa, CA, USA
146K-194K Annually
Mid level
146K-194K Annually
Mid level
Aerospace • Artificial Intelligence • Hardware • Robotics • Security • Software • Defense
The Warhead Design Engineer will design and test advanced explosive ordnances, manage testing processes, analyze data, and prepare documentation.
Top Skills: CadNxSolidworks

What you need to know about the Los Angeles Tech Scene

Los Angeles is a global leader in entertainment, so it’s no surprise that many of the biggest players in streaming, digital media and game development call the city home. But the city boasts plenty of non-entertainment innovation as well, with tech companies spanning verticals like AI, fintech, e-commerce and biotech. With major universities like Caltech, UCLA, USC and the nearby UC Irvine, the city has a steady supply of top-flight tech and engineering talent — not counting the graduates flocking to Los Angeles from across the world to enjoy its beaches, culture and year-round temperate climate.

Key Facts About Los Angeles Tech

  • Number of Tech Workers: 375,800; 5.5% of overall workforce (2024 CompTIA survey)
  • Major Tech Employers: Snap, Netflix, SpaceX, Disney, Google
  • Key Industries: Artificial intelligence, adtech, media, software, game development
  • Funding Landscape: $11.6 billion in venture capital funding in 2024 (Pitchbook)
  • Notable Investors: Strong Ventures, Fifth Wall, Upfront Ventures, Mucker Capital, Kittyhawk Ventures
  • Research Centers and Universities: California Institute of Technology, UCLA, University of Southern California, UC Irvine, Pepperdine, California Institute for Immunology and Immunotherapy, Center for Quantum Science and Engineering

Sign up now Access later

Create Free Account

Please log in or sign up to report this job.

Create Free Account