AI & AgentsPro

Usage Meter

One limit as a row: what is used, what is allowed, and a warning before it runs out.

Usage

Tokens today

420k / 1M

Resets at 00:00 UTC42% used

bash

npm install @wunderui/react

Then import what you need:

tsx

import { UsageMeter } from "@wunderui/react"

How the component is used inside real screens — the same compositions as the Usage section of the Figma page.

The plan's limits on the usage page: two within bounds, one close to the limit, one already over it.

Your plan's limits and what is used right now.

Requests per minute

210 / 500

Resets every minute42% used

Tokens per minute

86k / 100k

Resets every minute86% · nearly at the limit

Tokens today

4.2M / 10M

Resets at 00:00 UTC42% used

Tokens this month

18.4M / 18M

Plan limit · resets Oct 1Over by 400k tokens