Tokenwise: AI Usage and Cost dashboard template
Model usage, token costs and budgets for teams building with AI.
34 pages. Light and dark themes. MIT license, free for business use.
- 34pages included
- 5things you can manage
- 2themes, light and dark
- MITlicense
What you can manage
- Projects – Apps and features that use AI.
- Models – Models you use and what they cost.
- API keys – Keys and who uses them.
- Requests – Recent calls with their cost.
- Budgets – Monthly limits per team.
At a glance on the overview page
- Spend this month
- Tokens used
- Requests
- Budget used
Extra tools
- Cost report – Where your AI spend goes.
- Top projects – Projects that spend the most.
- Live usage – Requests per minute by model.
- Savings ideas – Ways to cut cost, from idea to done.
- Usage by region – Where requests come from.
- Monthly invoice – AI usage invoice for this month.
- Spend limits – Stop surprise bills.
What is inside the 34 pages
- Overview1 page
A live dashboard home with charts and key numbers.
- 5 record types15 pages
A list, a detail page and a form for each one.
- Special tools7 pages
A calendar, kanban board, report or similar view for each.
- Workspace7 pages
Team, notifications, activity log, settings, profile, help and a UI kit.
- Sign in4 pages
Login, sign up, forgot password and a 404 page.
Example organization used in the demo: Lumen AI Team.
More tech dashboards
FAQ
Questions about this template
Is this dashboard free to use?
Yes. It uses the MIT license, so you can use it in personal, client and commercial projects at no cost.
Does it need a framework or build step?
No. It is plain HTML, CSS and JavaScript. Open a page in a browser, or upload the folder to any host.
Can I connect it to my own data?
The pages use realistic sample data so you can see every screen. Replace it with your own API or database when you build your app.
Can I change the colors and text?
Yes. Colors are CSS variables at the top of each stylesheet, and all text is plain HTML you can edit directly.