Motion Lab

Working proof of the motion-primitive kit from docs/design/DESIGN_MOTION_REVERSE_ENGINEER_MAP.md §2/§3b — self-contained, zero external requests, honors prefers-reduced-motion.

1 · Staggered clip-reveal

plan

build

review

verify

ship

Entrance choreography: each chip rises on its own delay.

2 · Easing-curve editor

Drag the two handles (or pick a preset), then — the ball runs your curve.

2b · Spring lab

bounce 0.4 duration 700ms

Physical spring (not a bezier) —

Export this spring as code

3 · Scroll reveals

Sections fade-rise as they enter the viewport (IntersectionObserver).

Same primitive the SvelteKit frontends get as a ScrollReveal action.

Reduced-motion users see everything immediately — no gated content.

4 · Pointer-tracked 3D tilt

KIMI PANEL

Move the pointer across this card — perspective tilt follows it, springs back on leave.

5 · Count-ups

0tests green

0skills

0PRs merged tonight