Token Counter

Token-usage card with used of total readout and a fill bar that shifts emerald to amber to rose.

Tokens4,820 / 8,192

Import & use

import { Ai5 } from "@/components/beste/piece/ai5";

<Ai5
  used={4820}
  total={8192}
  label="Tokens"
/>

More AI pieces

stream142 tok/s

The quick brown fox jumps over

Live token visualizer with tone-tinted token chips, tokens-per-second rate, and a pulsing caret at the end.

end_turn248 / 1,024

Response completed normally.

Completion stop reason card where the icon tile color flips per reason (end_turn, stop_sequence, tool_use, max_tokens) and shows the token count.

42%

Monthly requests4,200 / 10,000resets in 12d

Monthly quota meter with a tone-colored SVG donut arc, percentage in the middle, used/total request count, and reset countdown.

Context window92.0K / 200K

46% of window in use

Context-window card with a tokens-used-of-max readout and a violet-to-fuchsia gradient fill bar.

Research Copilot4 tools

Searches papers and drafts literature reviews on request.

Catalog card for a configured assistant with a tone-filled bot tile, name, short description, and the tool count.

support_tickets48,200 rows · 120 MB

train 80%val 10%test 10%

Dataset summary with row count, total size, and a stacked train/val/test split bar. Tone controls the dataset icon tile and train segment.