Installnpx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-number-ticker.json
- Purpose
- Roll or count with stable tabular digits to emphasize the direction and magnitude of a value change.
- Trigger
- Trigger from a confirmed new value, choosing roll direction from increase or decrease.
- Interruptibility
- Coalesce successive updates toward the latest value from the current displayed value and velocity.
- Reduced motion
- Replace the value immediately and indicate direction through static color or an arrow.
number-tickerNumber tickerNumeric glyphs translate or interpolate until the display reaches an updated value.
tabular-numbersTabular numbersTabular numeral glyphs share a fixed advance width, keeping changing values spatially stable.