Design Engineer

<strong>About Us</strong><p>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.</p> Design Engineer<p>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.</p>Overview<p>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.</p>What Success Looks Like<ul><li>High-quality, reusable React components adopted across teams</li><li>Production UI that feels fast, intuitive, and consistent</li><li>Smooth, intentional motion that enhances clarity and flow</li><li>Strong partnership with design and engineering from concept through ship</li><li>Meaningful contributions to our design system and component architecture</li></ul>Key ResponsibilitiesDesign + Engineering Quality<ul><li>Build polished, production-ready UI using <strong>React, Next.js, and Tailwind</strong></li><li>Implement motion, micro-interactions, and transitions using <strong>Framer Motion</strong> or native techniques</li><li>Evolve and maintain reusable primitives and components using <strong>shadcn/ui</strong> patterns</li><li>Ensure accessibility, responsiveness, and cross-browser consistency</li><li>Optimize interaction performance and animation smoothness</li><li>Translate Figma concepts into high-quality code with clear states and flows</li></ul>Collaborative Design Delivery<ul><li>Partner early with designers to shape components, interactions, and states</li><li>Prototype interaction ideas and motion-heavy flows in code</li><li>Provide engineering insight to improve design feasibility and clarity</li><li>Iterate quickly with real UI instead of static hand-offs</li></ul>Product Integration &amp; Ownership<ul><li>Own UI execution for features end-to-end</li><li>Handle interaction logic, state management, and edge-case behavior</li><li>Participate in sprint planning, estimation, and cross-functional reviews</li></ul>Design System &amp; Reusability<ul><li>Extend and refine our design system using <strong>shadcn/ui</strong>, Tailwind tokens, and reusable patterns</li><li>Document component usage, motion guidelines, and best practices</li><li>Promote consistency across product surfaces</li></ul>Qualifications<ul><li>3+ years in frontend engineering or design engineering</li><li>Strong React experience</li><li>Proficiency with Tailwind and component-driven UI architecture</li><li>Experience implementing polished UI with smooth, performant motion</li><li>Strong grasp of accessibility, responsive design, and UI fundamentals</li><li>Comfortable collaborating closely with designers and product teams</li></ul>Preferred Skills<ul><li>Experience with <strong>Framer Motion</strong></li><li>Familiarity with <strong>shadcn/ui</strong> or similar headless component systems</li><li>Ability to prototype in Figma and code</li><li>Experience contributing to or maintaining a design system</li><li>Strong sense of visual and interaction design</li></ul>Key Metrics for Impact<ul><li>Reuse and adoption of components</li><li>UI performance and interaction responsiveness</li><li>Reduction in design-to-code iteration time</li><li>Accessibility and consistency across surfaces</li></ul><p>The target total compensation ranges from <strong>$170,000 to 210,000</strong>, an employee equity plan grant, bonus, plus comprehensive benefits.</p> <strong>Benefits</strong><strong>The Perks, Why Work On the MrBeast Team</strong><p>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.</p><ul><li>Competitive Salary</li><li>Generous Medical (Blue Cross Blue Shield), Dental, Vision and company-paid Life Insurance </li><li>Company contributions to employee Health Savings Accounts (HSA) </li><li>401k Plan with Safe Harbor company-matching</li><li>Flexible vacation policy and paid company holidays</li><li>Company-provided technology package </li><li>Relocation assistance where applicable, including travel and company-provided housing for the first 90 days</li></ul><br/><br/>Please mention the word **BONUS** and tag RMmEwMTo0Zjk6YzAxMzpkY2I1Ojox when applying to show you read the job post completely (#RMmEwMTo0Zjk6YzAxMzpkY2I1Ojox). 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.