Dashboard Components

Stat cards, animated counters, config cards, index cards, config rows, bar charts, and donut charts.

Animated counter

Active Users
$M
Revenue

animated_counter — CSS-driven count-up on load.

Config card

Uses attrs_map={"id": "showcase-dashboard-pipeline"} for a stable HTMX swap target on the widget root.

Pipeline
enabled
Yes
endpoint
https://api.example.com
retention_days
14

Index card

Animated Stat Cards

Total Users
↑ +12%
%
Uptime
↑ +0.1%
Open Issues
↓ -3

Config Rows

Dark Mode
Notifications
Version 0.2.0

Settings Rows

API Key Active Last rotated 3 days ago
Webhook Disabled
Rate Limit Warning 85% of quota used

Bar Chart

Default (Gold)

Variants

Radiant

Success

Donut Charts

Completion

Success Rate

Quota Used

Config Dashboard

Full settings page layout composite with title, breadcrumbs, and optional key-value form.

API Settings

Manage your API configuration

Dashboard content goes here — config rows, settings rows, etc.

Dashboard content goes here — config rows, settings rows, etc.