Add live-ticking AI metrics to your website, blog, or newsletter. Just paste the code snippet.
Add the script tag once, then use <ai-clock> elements wherever you want a counter.
<script src="https://aiclock.net/widget.js" async></script> <ai-clock counter="tokens_today"></ai-clock>
<ai-clock counter="tokens_today"></ai-clock>
<ai-clock counter="messages_today"></ai-clock>
<ai-clock counter="chip_spend_today"></ai-clock>
<ai-clock counter="energy_today"></ai-clock>
<ai-clock counter="co2_today"></ai-clock>
<ai-clock counter="papers_this_year"></ai-clock>
<ai-clock counter="messages_today" theme="dark"></ai-clock>
Override the default label with your own text.
<ai-clock counter="chip_spend_today" label="GPU spending today"></ai-clock>
| Attribute | Description | Default |
|---|---|---|
| counter | Counter ID (see above) | tokens_today |
| theme | "light" or "dark" | light |
| label | Custom label text | auto from API |