comparisons
Full motion vs reduced motion, side by side
The same notification plays twice in sync: left with displacement, scale bounce and background parallax, right with the reduced-motion alternative that swaps displacement for an opacity crossfade and a discrete state color change. A switch simulates the system preference and explains in text what changes between versions.
See it live and copy its promptWhat you can adjust
- Full motion intensity
- Alternative duration
- Sync
- Accent color
- Show labels
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
