Aplicación

Dashboard

Shell con marca, cifras que cuentan hacia arriba y un gráfico que se dibuja solo.

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

Qué se mueve

Las cifras cuentan hasta su valor la primera vez que la fila entra en pantalla, una vez y nunca más, y el gráfico se traza a medida que aparece. Ambos empiezan terminados si se reduce el movimiento.

Código del bloque

TypeScript
Cargando el editor…

Un componente standalone. Pégalo en tu proyecto, apunta los imports a tu ruta de Volt y conecta los botones a tus propias rutas.

Cada animación aquí está protegida por prefers-reduced-motion, y los colores salen de los tokens del tema — prueba otro preset con el selector de la cabecera y el bloque lo sigue.