Blinn Motion
Example lab
Next.js · App Router · client

Dual-backend motion lab in Next.js

Client-only island using @blinn-motion/react. Same advanced flow as the Vite React lab — dual stages, director console, progress mode. SSR shell stays static.

Stage bay

gradients · trim · multi-layer
domCSS · SVG
canvas2D painter

Covered cases

shared example flow
✓Doc switch
card + showcase fixtures
✓Dual stages
DOM vs Canvas, same MotionDoc
✓Transport
play · pause · toggle · restart
✓Scrub + rate
seekFraction · setRate
✓Progress mode
controlled 0…1 prop
✓onFrame meter
live time + fraction