Craft

The design principles behind every component, made tangible through interactive demos. Animation, color, layout, accessibility — 248 rules you learn by doing.

motion8minBeginner

Animation Timing & Duration Tiers

The foundation of all UI animation: duration tiers (micro 60ms, hover 150ms, transition 300ms) and an easing selection framework you can feel through interactive demos.

motion10minIntermediate

Spring Physics & Gesture Design

Beyond duration-based animation: manipulate the relationship between stiffness, damping, and mass, and experience momentum-based swipes and boundary damping firsthand.