Component examples

Build your usage UI.

Usage, budgets and provider controls. Ready to make your own.

22 components17 shadcn stylesRadix & Base UI

Usage overview card

Host-authoritative budget figure and meter, metrics, and expandable connection rows with distinct known, partial, unknown and over-limit readings.

State

Interactive sample · Changes reset when you switch examples.

Select Code to load this component's source.

npx shadcn add https://usagekit.dev/r/styles/new-york/usage-overview-card.json

Uses your selected shadcn style and your app’s UI primitives. Installation guide

Local sample data. No provider calls or charges.