Embed Widget

Add the TokenTab cost calculator to your website, blog, or documentation. Free to use — just copy and paste.

Cost Calculator Widget

Embed the full calculator with model comparison. Supports URL parameters to pre-fill values: ?in=10000&out=5000&req=100

tokentab.dev/calculator

Calculator widget preview

600px height, responsive width

HTML
<iframe
  src="https://tokentab.dev/calculator?embed=1"
  width="100%"
  height="600"
  style="border: 1px solid #333; border-radius: 12px;"
  title="TokenTab Cost Calculator"
  loading="lazy"
></iframe>

Customize with URL params:

  • in — Input tokens per request
  • out — Output tokens per request
  • req — Requests per day
  • cached=1 — Enable cached pricing
  • compare=model1,model2 — Pre-select models

Link Badge

Add a small badge linking to TokenTab. Great for README files and documentation.

HTML
<a href="https://tokentab.dev" target="_blank" rel="noopener">
  <img
    src="https://tokentab.dev/badge.svg"
    alt="Compare AI prices on TokenTab"
    height="20"
  />
</a>

Usage Terms

  • Free to use on any website, blog, or documentation
  • Do not remove or hide the TokenTab attribution
  • Pricing data updates automatically from our servers
  • No API key required for the embed widget