Embeddable Pricing Widgets

Embed free tier pricing data on your blog, docs, or README. Copy-paste an iframe and get live data with attribution backlinks.

How It Works

  1. Choose a widget type below
  2. Copy the embed code
  3. Paste the <iframe> into your HTML
  4. The widget loads independently with no external JS dependencies

All widgets include a small "Powered by AgentDeals" attribution link. Widgets are responsive and work at 300px–800px width.

1. Vendor Pricing Card

Show a single vendor's free tier details, status, and recent pricing changes.

Preview — Vercel

<iframe src="https://agentdeals.dev/embed/vendor/vercel" width="100%" height="300" frameborder="0" loading="lazy"></iframe>

Replace vercel with any vendor slug. Browse all vendors to find slugs.

2. Category Comparison Table

Mini table comparing the top 5 free tiers in a category.

Preview — Databases

<iframe src="https://agentdeals.dev/embed/category/databases" width="100%" height="320" frameborder="0" loading="lazy"></iframe>

Replace databases with any category slug. Browse all categories to find slugs.

3. Deal Change Ticker

Scrolling feed of the 10 most recent pricing changes across all vendors.

Preview

<iframe src="https://agentdeals.dev/embed/changes" width="100%" height="400" frameborder="0" loading="lazy"></iframe>

Customization

ParameterValuesDefaultDescription
themedark, lightdarkColor theme to match your site

Add ?theme=light to any embed URL for a light-themed widget.

All Available Widgets

EndpointDescription
/embed/vendor/:slugVendor pricing card — free tier summary, status, recent changes
/embed/category/:slugCategory comparison table — top 5 vendors in a category
/embed/changesDeal change ticker — 10 most recent pricing changes

Get this data in your AI editor

Access this pricing data programmatically via MCP tools — search vendors, compare free tiers, and track changes from your AI editor.

claude mcp add agentdeals -- npx -y agentdeals

Works with Claude Desktop, Cursor, Cline, Windsurf → Full setup guide