Embeddable AI Widget | Free.ai

Add AI chat, TTS, or any tool to your website with one line of code.

Add AI to Your Website in One Line

Embed Free.ai widgets on any website with a simple <iframe>. AI chat, text-to-speech, translation, and image generation — fully functional, no backend required.

Customize Embed Size

AI Chat Widget

Add a full AI chatbot to your website. Visitors can ask questions and get instant AI responses.

Live Preview

Embed Code

<iframe src="https://free.ai/embed/chat/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>

Features: Multi-turn conversations, Qwen 2.5 7B model, context memory, Enter-to-send keyboard shortcut.

Text-to-Speech Widget

Let visitors convert text to natural-sounding speech. Multiple voices and models available.

Live Preview

Embed Code

<iframe src="https://free.ai/embed/tts/" width="400" height="500" style="border:none" allow="autoplay"></iframe>

Features: Kokoro, Piper, MeloTTS, and Chatterbox models. Male and female voices. Audio playback and download.

Translation Widget

Add instant AI translation to your site. Supports 450+ languages via MadLAD-400.

Live Preview

Embed Code

<iframe src="https://free.ai/embed/translate/" width="400" height="500" style="border:none" allow="clipboard-write"></iframe>

Features: Auto-detect source language, 450+ target languages, copy-to-clipboard, powered by Google MadLAD-400 3B.

Image Generation Widget

Let visitors generate AI images directly on your website from text prompts.

Live Preview

Embed Code

<iframe src="https://free.ai/embed/image/" width="400" height="500" style="border:none"></iframe>

Features: FLUX.1 Schnell, Stable Diffusion XL, and Kandinsky models. Multiple aspect ratios. Download generated images.

How It Works

1. Copy the embed code
Choose a widget above and copy the iframe tag.

2. Paste into your HTML
Add the iframe anywhere in your page. Works with any CMS, framework, or static site.

3. Your visitors use AI
The widget is fully functional. Visitors get free daily limits — no API key needed.

Pro Tips

  • Set width="100%" for a responsive widget that fills its container.
  • Add loading="lazy" to the iframe to defer loading until the widget scrolls into view.
  • Wrap the iframe in a <div> with max-width to control sizing on larger screens.
  • All widgets use the Free.ai daily token pool. Visitors who sign in to Free.ai get 5x more tokens.
  • Want higher limits for your site? Get an API key and build a custom integration.
Get API Key All Integrations

FAQ

The widget is a lightweight iframe embed that adds Free.ai tools to any website. Copy and paste one line of HTML to embed AI chat, text-to-speech, translation, or image generation on your own site without building any AI infrastructure.

Copy the iframe embed code for the tool you want and paste it into your HTML. For example: <iframe src="https://free.ai/embed/chat/" width="400" height="500" style="border:none"></iframe>. That is all you need.

Currently four tools: AI Chat (/embed/chat/), Text-to-Speech (/embed/tts/), Translation (/embed/translate/), and Image Generation (/embed/image/). Each is a fully functional standalone interface that works in any iframe.

Yes. Change the width and height attributes on the iframe. Use the customization controls at the top of this page to preview different sizes and get the updated embed code. You can also set width="100%" for responsive layouts.

The widget is completely free to embed. Visitors use the Free.ai daily token pool. Anonymous visitors get 10,000 tokens per day, and signed-in users get 50,000 tokens per day.

No. Iframes load independently of your page. Add loading="lazy" to the iframe tag to defer loading until the widget scrolls into view. The widget only makes API calls when a visitor interacts with it.

Yes. Any platform that supports custom HTML or embed blocks can use these widgets. In WordPress, use a Custom HTML block. In Shopify, use a custom Liquid section. In Squarespace, use a Code Block.

Yes. The widget interfaces are fully responsive and work on phones, tablets, and desktops. They adapt to the iframe dimensions automatically.

Yes. Since these are standard iframe embeds, they work in any framework. In React, just use <iframe src="https://free.ai/embed/chat/" /> directly in JSX. No special setup needed.

Chat uses Qwen 2.5 7B. TTS offers Kokoro, Piper, MeloTTS, and Chatterbox. Translation uses MadLAD-400 (450+ languages). Image generation uses FLUX.1 Schnell, Stable Diffusion XL, and Kandinsky 2.2. All open-source models.

The iframe widgets use the visitor's own Free.ai daily limits. For higher volume or custom integrations, use our API directly with your API key. See the Developer page for details.

No. Visitors can use the widget anonymously with 10,000 free daily tokens. If they happen to be signed in to Free.ai in another tab, they automatically get their higher 50,000-token daily limit.

Love this tool? Share it!

Szavazz erre az oldalra