All illustrations

Usage billing

Usage stacks up in the meter, and at the end of the month it prints the invoice.

FreeIsometric · spot

Copy

Download

Open in

ClaudeChatGPTPerplexityGrokCursorv0Lovable
Usage billing: usage stacks up in the meter, and at the end of the month it prints the invoice.

Not quite it? Ask for a variation

Install

Writes one React component into components/illos. Nothing else to install.

npx shadcn@latest add https://illos.dev/r/line-iso/billing.json

Or hand it to your agent

Claude Code, Cursor, Codex and any other coding agent can add it from the prompt.

CursorClaudeChatGPTv0Lovable

How it moves

  1. usage tokens drop into the meter.
  2. they stack up through the month.
  3. at the month end the meter prints the invoice.

For developers

File size
5.4 KB gzipped
Motion
Plays once, 3.6 s, then holds
Reduced motion
Shows a still
File
billing.svg

Next in this theme.

Build factory: your build runs like a factory, and a release ships out the gate.Isometric · sectionPro
Cron jobs: the clock reaches each mark and stamps a job onto the belt, right on schedule.Isometric · spotFree