engineering
Posted 2 days agoDesign Engineer
at MrBeast
Remote
Responsibilities
- 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.
- 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
- Prototype interaction ideas and motion-heavy flows in code
- Own UI execution for features end-to-end
- Handle interaction logic, state management, and edge-case behavior
- 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
Requirements
- Production UI that feels fast, intuitive, and consistent
- Iterate quickly with real UI instead of static hand-offs Product Integration & Ownership
- 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
- 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
- This is a beta feature to avoid spam applicants.