Mute Motion Design System

Mute Motion Design System is a self-directed portfolio piece: a small motion language documented like internal platform docs. Semantic motion tokens (duration, easing, distance, stagger, delay children) are mirrored to CSS variables for styles; spring presets stay in JS for Motion transitions. The site includes principles, patterns, component examples, an accessibility section with reduced-motion simulation, and a playground to tune timing and springs. Built with Vite, React, and SCSS, and deployed to Firebase Hosting