Sparkline Metric Rows
Compact metric rows with inline sparkline charts and trend indicators.
Adjust the preview
Every choice updates the preview and the wording below.
Rows
Sparkline
Trend
Row Style
Entrance
Your prompt
Highlighted values follow your choices — click one to write your own.
Create a list of 4 metric rows. Each row has a label, a large value, an inline smooth SVG line sparkline chart, and a colored percentage badge change indicator. The rows have separate card-like rows with borders styling and animate in with a slide-in from left entrance. Use green for positive trends and red for negative.
Paste it into Claude, Cursor, or v0 along with the context for your project.