Installnpx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-keyframes.json
- Purpose
- Define multi-stage states, interpolation behavior, stepped rhythm, and post-animation styles.
- Trigger
- Trigger from an explicit state change or replay action, with each keyframe representing a meaningful phase.
- Interruptibility
- On interruption, build the next timeline from current computed styles instead of snapping to a keyframe.
- Reduced motion
- Collapse to one state change and remove anticipation, overshoot, and repeated phases.
keyframesKeyframesNamed timeline checkpoints assign property values at selected offsets; interpolation determines the states between them.
interpolation-tweenInterpolation / TweenA renderer calculates intermediate property values between defined states to produce continuous change.
orchestrationOrchestrationA coordinated timeline orders multiple motions so their starts, overlaps, and finishes express one event.
fill-modeFill modeA fill mode selects which keyframe styles apply outside the active animation interval.
stepped-animationStepped animationProgress advances through fixed discrete states instead of continuously interpolated values.