Stats With Sparklines
Four stat cards with decorative inline SVG sparklines showing value, delta, and trailing 7 week trend.
Four stat cards with decorative inline SVG sparklines showing value, delta, and trailing 7 week trend.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Stats With Sparklines is a four card strip where each card pairs a headline metric with a decorative inline SVG polyline under it: Monthly recurring revenue $48,210, Active workspaces 1,284, Median first reply 3.2h, API requests 2.4M. Each polyline is a seven point path at stroke-foreground/40 that reads as trend without touching a chart library.
Stats are one array with a points string per card. The sparklines are purely illustrative garnish, not data driven; if users need to wire real series, graduate to the shadcn chart primitives in the charts group.
Reach for this block at the top of an overview page where a glanceable trend silhouette beside the number is enough, wired to your metrics endpoint for the live values.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the SaaS business overview strip. Other sparkline strips:
Tip: the Trailing 7 weeks label under each sparkline anchors the window; drop it and the shape becomes uninterpretable for anyone who did not build it.