Installnpx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-duration.json
- Purpose
- Compare how duration and delay affect responsiveness, reading rhythm, and perceived waiting.
- Trigger
- Trigger on control-state changes, using delay only to express dependency within the interaction.
- Interruptibility
- New input cancels pending delay immediately and transitions from the current value to the latest target.
- Reduced motion
- Make nonessential transitions effectively immediate and remove delay.
durationDurationDuration measures the elapsed time from an animation's start state to its end state.
delayDelayThe delay is the interval between a trigger and the first active frame.