Application

Dashboard

Branded shell, figures that count up, and a chart that draws itself.

Overview

Live · updated just now

Revenue

$0

20.1%

Active users

0

180 this week

Orders

0

5.2%

Conversion

0.00%

0.8pp

Visitors

Thousands per month

12m

Activity

  • Marta Ibáñez deployed storefront

    2 minutes ago

  • Dan Okoro approved invoice #4821

    18 minutes ago

  • Priya Raman added 3 team members

    1 hour ago

  • Tomás Vidal closed incident INC-233

    3 hours ago

What moves

The figures count to their value the first time the row is scrolled into view, once and never again, and the chart strokes itself on as it arrives. Both start finished under reduced motion.

Block source

TypeScript
Loading editor…

One standalone component. Paste it into your project, point the imports at your Volt path, and wire the buttons to your own routes.

Every animation here is guarded by prefers-reduced-motion, and the colours come from theme tokens — try a different preset with the switcher in the header and the block follows.