Add to Your Site

Copy this one line into your HTML. That's it — no signup, no API key, no configuration.

That's it. The widget appears as a floating badge in the bottom-right corner. Visitors click to see live pricing for 14 AI models sorted by cost.

What It Looks Like

A floating badge in the corner. Click to expand the pricing panel. Try it — there's a live demo on this page!

⚡ AI API Pricing

Look for the badge in the bottom-right corner of this page →

📦

Pure JavaScript. No React, no jQuery, no frameworks. Won't conflict with your existing code.

🔒

Uses Shadow DOM to prevent CSS conflicts with your site. Your styles stay clean.

📱

Responsive design that works on all screen sizes. Tested on mobile, tablet, and desktop.

⚡

~5KB gzipped. Loads async so it never blocks your page. No external requests at runtime.

🔄

Pricing data updated regularly. One script tag update = latest prices for all embeds.

🆓

No signup, no API key, no usage limits. Embed on unlimited sites. Free for everyone.

The widget is perfect for developer-focused sites that discuss AI, APIs, or software costs.

✓ AI/ML blogs and tutorials

✓ Developer documentation sites

✓ SaaS comparison sites

✓ Startup resource pages

✓ Engineering team wikis

✓ AI tool directories

File size	~5KB gzipped, ~14KB raw
Dependencies	None (pure JavaScript)
Style isolation	Shadow DOM (no CSS conflicts)
Browser support	Chrome, Firefox, Safari, Edge (modern)
Position	Fixed bottom-right (customizable via CSS)
License	Free for any use, no attribution required