AI & Agents
Cost Meter
Spend against budget for a run, a day or a month — amber at 80%, red when it is gone.
Usage
Installation
Cost Meter comes with WunderUI Core and Pro, in the package from your plan. See the plans.
Then import what you need:
import { CostMeter } from "@wunderui/react"In context
How the component is used inside real screens — the same compositions as the Usage section of the Figma page.
Budget & recovery
Spend, a failed run and an approval request side by side.