KPI Number Morph

component

An accessible KPI stat that smoothly morphs between values with a direction-aware trend (arrow + sign, never color alone). Controlled value; locale, compact, and currency formatting; loading and error states. Reduced-motion snaps.

pnpm dlx shadcn@latest add "https://motiq.dev/r/kpi-number-morph.json"

Sign In

KPI Number Morph

component

An accessible KPI stat that smoothly morphs between values with a direction-aware trend (arrow + sign, never color alone). Controlled value; locale, compact, and currency formatting; loading and error states. Reduced-motion snaps.

pnpm dlx shadcn@latest add "https://motiq.dev/r/kpi-number-morph.json"

components/motiq/kpi-number-morph.tsx