Embed Configurator

Generate a script tag to embed readable.ai on any webpage.

Configure

Customize your embed

Container ID

Sample Response

Renderer

Theme

Get notified when Pro launches with custom theming and advanced features.

Installation Code

Copy and paste into your HTML

<div id="readable-output"></div>
<script src="https://cdn.readable.ai/readable.umd.js"></script>
<script>
  window.Readable.render({
    containerId: 'readable-output',
    response: "Conversion rate increased 23%. Traffic up 1200 users. Should implement caching.",
    renderer: 'cards',
    theme: 'dark'
  });
</script>

Features

Zero Setup

Copy a script tag. No build step, no dependencies, works on any website.

4 Renderers

Cards, Stats, Chat, and Timeline. Pick the layout that fits your content.

Fully Themed

Dark and light themes. Pro tier adds custom CSS variable theming.

AI Auto-detect

Paste CSV, JSON, or prose — AI picks the best renderer automatically via Groq.