🧮 Free AI Cost Calculator Widget
Add an interactive AI API cost calculator to any website with one script tag. Your visitors calculate costs instantly — zero dependencies, free forever.
Live Demo — Floating Widget
Click the green button in the bottom-right corner ↓
One-Line Install
<script src="https://getapipulse.com/widget/calc-embed.js" defer></script>
Drop this before </body> — a floating calculator appears in the bottom-right corner.
Inline Embed
Embed directly in your content:
<div id="apipulse-calc" data-model="openai-gpt4o" data-tokens="100000"></div>
<script src="https://getapipulse.com/widget/calc-embed.js" defer></script>
⚡ Zero Dependencies
Pure JavaScript, no frameworks. ~8KB gzipped. Loads async, won't block your page.
🎨 Style Isolated
Shadow DOM ensures our styles never conflict with yours. Drop in anywhere.
📊 17 Models
GPT-5, Claude Opus 4.8, Gemini 3.5 Flash, DeepSeek V4, Mistral, Llama 4, Grok 4.3 — all compared.
🔗 Drives Traffic
"Compare all 42 models →" links back to APIpulse. Free traffic for your site, free users for us.
🌙 Dark Mode
Automatically matches your site's color scheme. Looks great on any background.
🆓 Free Forever
No signup, no API key, no attribution required. Use it on any site, unlimited embeds.
Calculator vs Pricing Widget
🧮 Calculator Widget
Interactive. Users enter their token counts and get instant cost estimates. Best for developer blogs, docs, and tutorials.
📊 Pricing Widget
Passive display. Shows a floating badge with live pricing. Click to expand the full table. Best for SaaS sites and landing pages.