TokenUsageMeter

freeui

src/registry/ui/token-usage-meter.tsx

Import

import { TokenUsageMeter } from "@/registry/ui/token-usage-meter"

File

src/registry/ui/token-usage-meter.tsx

Open playground Browse gallery

Usage notes

Respect DESIGN.md — semantic tokens only.
Prefer composition over one-off colors or blur shadows.
Premium blocks set data-tier="premium".
MIT — ship in product UI freely.