Token Counter
Display token usage and remaining capacity with visual progress indicator.
AITailwind CSS
Overview
Display token usage and remaining capacity with visual progress indicator.
Preview
2,450 / 4,096 tokens
Usage
html
<!-- Tailwind CSS pattern - copy the HTML/classes below -->Class Variations
No class variations documented for this pattern.
Guidelines
No specific guidelines documented for this component yet.
Examples
Compact
2,450 / 4,096 tokens
With Progress
Token Usage
60%
2,450 / 4,096 tokens
Warning State
Token Usage
92%
3,768 / 4,096 tokens