All components
KPI Tile Grid
DataStat tiles fade up in a three-frame stagger, counting up in four number formats with delta chips and drawn sparklines
Download preview768×432 preview render — the full-resolution file comes from running the component
5 seconds
Format
This is the format it was composed for. Switch above to see it lay itself out for another — same animation, re-arranged for the frame.
kpidashboardcountersparklinestaggermetrics
For developers — source, dependencies and provenance
Dependencies
remotion@remotion/shapeszod
No Tailwind, no CSS, no asset files. Inline styles only.
Source
Filesrc/registry/items/kpi-tile-grid.tsx
Frame1920×1080
Duration150f · 5s @ 30fps
Provenance
ToolClaude Code
ModelOpus 5
Authormotionstash
LicenseMIT
Prompt
Four KPI tiles in a row on a dark board, staggered in a few frames apart. Each one has a small mono label in caps, a big number that counts up, a little delta chip with an up or down triangle, and a tiny sparkline that draws itself in. Use a different number format on each tile — currency, percent, compact, plain — and make a falling metric still read as good news.
