Compact, self-contained widgets that behave like assets. Drop them into any block, card, or page to add a small touch of polish without rewriting the surrounding UI.
Single-metric card with a large value, semantic delta pill that flips emerald for gains and rose for losses, and a comparison period.
Compact metric card with a large value, delta percentage, and an SVG sparkline with a tone-colored stroke and faint area fill.
Two-by-two KPI grid where each cell carries a tone-tinted icon tile, label, and monospaced value.
Recent-events list with semantic action icons (create, update, delete, signup) and a relative timestamp on the right.
Ranked list where each row's background bar fills proportionally to its value, with index and count on either end.
Conversion funnel stages where each row's bar narrows against the top stage and a rose drop-off percentage marks churn.
Dashboard filter bar with a primary date-range button, a comparison-period dropdown, and a segment filter toggle.
Seven vertical bars for a rolling week with muted fills for past days and a tone-saturated bar for today's total.
Revenue split card with an SVG donut on the left showing weighted slices and a percentage legend on the right.
Side-by-side compare card with previous and current values separated by an arrow, and a semantic delta pill in the header.
Top-three ranking card with gold, silver, and bronze medal circles next to names and monospaced scores.
Weekly cohort grid where each cell's opacity scales with the retention percentage in the tone color.
Target-tracking card with a target icon, current / goal values, a tone-colored progress bar, and a deadline footer.
Semi-circle gauge with a tone-colored arc that fills to the score, the number centered below, and a status line.
Three concentric SVG rings with their own progress levels and a matching legend of labels, values, and units.
Status-page timeline where every day is a thin vertical tile colored by up, degraded, outage, or no-data state.
Real-time counter with a pinging status dot in the tone color, a large monospace value, and a per-second rate.
Dual-line sparkline overlaying the current period in tone and the previous period as a faint dashed baseline with a legend.
Average rating with a star, total review count, and five rows showing per-star counts with an amber proportional bar.
Three-tile alert overview with semantic icons and counts for critical, warning, and info severities.
Radial progress gauge with a tone-colored arc, the percentage centered, and a caption line beside it.
Actual-vs-target bar with a tone-colored actual fill on a muted track and a thin foreground tick marking the target.
Horizontal 100 percent stacked bar splitting a total into colored segments with a wrapping legend of labels and percentages.
Twenty-four hour activity strip with tone bars whose opacity scales with each hour's volume, labeled 00 to 24.