Motion UISections2 sections

Stats sections

Scroll-in counters and live engagement panels with animated trends and drawn graphs.

Stats: Scroll-in counters

An example of scroll-triggered stat counters with tabular animated figures in Motion for React.

npx shadcn@latest add @motion/stats-counters
MotionScore

Stats: Live engagement panel

An example of a live engagement dashboard panel with a ticking events-per-minute counter, a trend delta and a path-drawn sparkline in Motion for React.

npx shadcn@latest add @motion/stats-live-panel
Components usedSparkline
MotionScore

More categories

Browse the rest of the Motion UI section library.