View on Remote OK
Roles
Compensation
USD 170000 - 210000
Target total compensation ranges from $170,000 to $210,000, plus employee equity plan grant, bonus, and comprehensive benefits (medical/dental/vision, company-paid life insurance, HSA, 401k with Safe Harbor match, flexible vacation and paid holidays, company-paid technology package, and relocation assistance where applicable including travel and company-provided housing for first 90 days).
- Salary period
- yearly
- Equity
- employee equity plan grant
- Bonus
- bonus
Benefits
- Competitive salary
- Employee equity plan grant
- Bonus
- Generous medical (Blue Cross Blue Shield), dental, vision
- 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
Tech stack
Required
Nice to have
Location
San Francisco, San Francisco, California, United States
Work setup
- Employment
- full-time employee
- Level
- Senior
- Remote policy
- Remote
- Remote scope
- unclear
- Travel
- Relocation assistance where applicable includes travel for the first 90 days.
- Relocation
- Relocation assistance where applicable, including travel and company-provided housing for the first 90 days.
Role details
Responsibilities
- 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
- 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
- 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
- Extend and refine the design system using shadcn/ui, Tailwind tokens, and reusable patterns
- Document component usage, motion guidelines, and best practices
- Promote consistency across product surfaces
Requirements
- 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
Application
Please mention the word BONUS and tag RODguMTk4Ljk5LjE0Mw== when applying to show you read the job post completely (#RODguMTk4Ljk5LjE0Mw==).
- Apply flow
- external
Company context
Entertain, inspire, and create significant social impact; redefine entertainment and storytelling at global scale.
- Product
- Digital content creation and entertainment across YouTube and other domains including philanthropy, consumer products, and business initiatives
- Industry
- Media and entertainment
Description
Beast Industries is a multifaceted media and entertainment company founded by Jimmy Donaldson (MrBeast). We’re hiring a Design Engineer who blends design taste, engineering execution, and product ownership, working where design and engineering meet to turn concepts into polished, performant, production-ready interfaces across our React stack. You will collaborate with design and product from day one to shape UI in real code, build reusable components, and deliver interaction patterns that feel fast, intuitive, and intentional. Motion, accessibility, and responsive behavior are treated as core requirements. Key Responsibilities include: - 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 - Partner early with designers to shape components, interactions, and states; prototype motion-heavy flows in code - Handle interaction logic, state management, and edge-case behavior end-to-end - Participate in sprint planning, estimation, and cross-functional reviews - Extend and refine the design system using shadcn/ui, Tailwind tokens, and reusable patterns - Document component usage, motion guidelines, and best practices 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 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 Application note: Please mention the word BONUS and tag RODguMTk4Ljk5LjE0Mw== when applying to show you read the job post completely (#RODguMTk4Ljk5LjE0Mw==).
Similar jobs
-
Loading similar jobs...