KPI Stat Cards
A grid of animated stat cards with count-up numbers and trend indicators.
Adjust the preview
Every choice updates the preview and the wording below.
Grid
Count Animation
Trend
Card Style
Label Style
Your prompt
Highlighted values follow your choices — click one to write your own.
Create a 2-column 2-row grid of KPI stat cards. Each card shows a small uppercase muted label, a large number that counts up with smooth ease-out count up animation, and a small arrow icon with percentage change trend indicator. Cards have dark card with subtle border styling. Stagger the entrance animation. Use Intersection Observer to trigger on scroll.
Paste it into Claude, Cursor, or v0 along with the context for your project.