MrBeast logo
Design Engineer
full-timeLos Angeles

Summary

Location

Los Angeles

Type

full-time

Explore Jobs

About this role

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 Responsibilities


Design + 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


 

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

Other facts

Tech stack
React,Next.js,Tailwind,Framer Motion,Design System,UI Execution,Component Architecture,Accessibility,Responsive Design,Interaction Design,Product Ownership,Next.js,Shadcn/ui,Motion Implementation,Performance Optimization

About MrBeast

The YouTube Streamy Awards 2020-2023 Creator of the Year

Accomplishments

  • Raised $20,000,000 To Plant 20,000,000 Trees
  • Given millions to charity
  • Donated over 100 cars lol
  • Gave away a private island
  • Given away over 100 ps4s lol
  • Gave away 1 million dollars in one video
  • Counted to 100k
  • Read the Dictionary
  • Watched Dance Till You're Dead For 10 Hours
  • Read Bee Movie Script
  • Read Longest English Word
  • Watched Paint Dry
  • Ubering Across America
  • Watched It's Every Day Bro For 10 Hours
  • Ran a marathon in the world's largest shoes
  • Adopted every dog in a shelter

You get the point haha

Team size: 501-1,000 employees
LinkedIn: Visit
Industry: Media Production
Founding Year: 2012

What you'll do

  • The Design Engineer will be responsible for building polished, production-ready user interfaces using React, Next.js, and Tailwind, while implementing motion and micro-interactions using tools like Framer Motion. They will also partner closely with designers to shape components, interactions, and states, ensuring high-quality, reusable components are adopted across teams.

Ready to join MrBeast?

Take the next step in your career journey

Frequently Asked Questions

What does a Design Engineer do at MrBeast?

As a Design Engineer at MrBeast, you will: the Design Engineer will be responsible for building polished, production-ready user interfaces using React, Next.js, and Tailwind, while implementing motion and micro-interactions using tools like Framer Motion. They will also partner closely with designers to shape components, interactions, and states, ensuring high-quality, reusable components are adopted across teams..

Why join MrBeast as a Design Engineer?

MrBeast is a leading Media Production company.

Is the Design Engineer position at MrBeast remote?

The Design Engineer position at MrBeast is based in Los Angeles, California, United States. Contact the company through Clera for specific work arrangement details.

How do I apply for the Design Engineer position at MrBeast?

You can apply for the Design Engineer position at MrBeast directly through Clera. Click the "Apply Now" button above to start your application. Clera's AI-powered platform will help match your profile with this opportunity and guide you through the application process. You can also learn more about MrBeast on their website.