How do I add the AI pricing widget to my website?

Add one script tag before your tag: . No signup, API key, or configuration required. The widget appears as a floating badge in the bottom-right corner showing 28 AI models sorted by price.

Will the widget conflict with my existing CSS or JavaScript?

No. The widget uses Shadow DOM for complete style isolation, so it won't conflict with your existing CSS. It's pure JavaScript with zero dependencies — no React, jQuery, or frameworks required.

Which AI models does the pricing widget show?

The widget shows live pricing for 28 AI models across 9 providers, including GPT-6, Claude Opus 5.5, Gemini 4 Argon, DeepSeek V4.1 Flash, Llama 4 Scout, Grok 4.7, Kimi K3, Command R, and more. Prices are sorted by cost so visitors can compare instantly.

Can I customize the widget's position or appearance?

The widget defaults to a fixed position in the bottom-right corner. You can override the position with standard CSS. The widget loads asynchronously so it never blocks your page rendering.

Embeddable AI Pricing Widget — Free for READMEs & Docs

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 28 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 →

📦

Zero Dependencies

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

🔒

Style-Isolated

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

📱

Mobile Friendly

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

⚡

Fast Loading

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

🔄

Always Up to Date

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

🆓

Free Forever

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

Who Should Embed This?

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

✓ GitHub README files

✓ Developer documentation sites

✓ AI/ML blogs and tutorials

✓ SaaS comparison sites

✓ Engineering team wikis

✓ AI tool directories

📋 GitHub README Setup

Perfect for AI/LLM projects. Your users see live pricing for the models your project uses.

1. Add to your README.md

                        ## 💰 AI API Pricing

<!-- Live pricing widget by APIpulse -->
<script src="https://www.getapipulse.com/widget/embed.js" defer></script>
                    

2. What your users see

⚡ AI API Pricing

Click badge → see 28 models sorted by cost → link to full comparison

💡 Pro tip: Add the widget below your "Models Supported" or "Pricing" section. Users researching your project will see live costs.

Technical Details

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

📖 Read the guide: How to Embed Live LLM Pricing in Your Docs →

🧮 Also try: Embeddable Cost Calculator Widget — let visitors calculate costs on your site →

Share on X Share on LinkedIn Submit to HN

Related Tools

🧮 Cost Calculator Widget → 📊 Cost Calculator → ⚖️ Compare Models → 🔌 MCP Server →

This was a snapshot. What about next month?

Prices change. New models launch. Our tools catch what a one-time calculation can't — and saves you money every month.

Free Tools → 🔍 Free audit first

All Tools Are Free

No signup required to 133-model comparison, migration code snippets, PDF reports, price alerts, and cost monitoring. ✅ All tools free.

Free Tools →