Embed AI Definitions Anywhere | AI Adda Widget & API

Quick Start

Get AI definitions on your page in under 30 seconds. Add the script tag once, then use data-aiadda-term attributes on any element.

1. Include the Widget Script

<!-- Add this before </body> -->
<script src="https://aiadda.online/embed.js" defer></script>

2. Add Terms to Your Content

<!-- Tooltip mode (default) - shows definition on hover -->
<span data-aiadda-term="transformer">Transformer</span>

<!-- Inline mode - shows definition card directly -->
<div data-aiadda-term="retrieval-augmented-generation"
     data-aiadda-mode="inline"></div>

Complete Example

<!DOCTYPE html>
<html lang="en">
<head>
  <title>My AI Blog</title>
</head>
<body>
  <p>
    The <span data-aiadda-term="transformer">Transformer</span>
    architecture powers modern
    <span data-aiadda-term="large-language-model">LLMs</span>
    like <span data-aiadda-term="gpt">GPT</span>.
  </p>

  <!-- Inline card -->
  <div data-aiadda-term="chain-of-thought"
       data-aiadda-mode="inline"></div>

  <script src="https://aiadda.online/embed.js" defer></script>
</body>
</html>

Live Demo

Hover over the underlined terms below to see the tooltip widget in action. The inline card is displayed directly on the page.

Tooltip Mode (hover over terms)

Modern AI is built on the Transformer architecture, which powers Large Language Models like GPT and Claude. Techniques like RAG help reduce hallucinations by grounding responses in real data.

Inline Mode (card displayed directly)

Definitions JSON API

Access the full definitions database directly as JSON. Perfect for building your own integrations, chatbots, or educational tools.

Endpoint

GET https://aiadda.online/api/definitions.json

Response Format

{
  "terms": {
    "transformer": {
      "term": "Transformer",
      "definition": "A neural network architecture...",
      "url": "https://aiadda.online/lexicon/transformer",
      "category": "Architecture",
      "difficulty": "intermediate"
    },
    // ... 100 terms total
  },
  "meta": {
    "total": 100,
    "updated": "2026-03-05",
    "source": "https://aiadda.online/glossary",
    "license": "CC BY-SA 4.0"
  }
}

Usage Example (JavaScript)

// Fetch a specific term definition
fetch("https://aiadda.online/api/definitions.json")
  .then(res => res.json())
  .then(data => {
    const term = data.terms["transformer"];
    console.log(term.term);       // "Transformer"
    console.log(term.definition); // "A neural network architecture..."
    console.log(term.url);        // Link to full article
  });

Usage Example (Python)

# pip install requests
import requests

data = requests.get("https://aiadda.online/api/definitions.json").json()
term = data["terms"]["retrieval-augmented-generation"]
print(f"{term['term']}: {term['definition']}")

No Auth Required

The JSON API is completely open. No API keys, no rate limits, no signup needed.

Cache-Friendly

The file is static JSON with proper cache headers. Cache it locally for best performance.

CORS Enabled

Fetch from any domain. The API supports cross-origin requests from any website.

Configuration Options

The widget is configured entirely through HTML data attributes. No JavaScript configuration needed.

Attribute	Values	Description
`data-aiadda-term`	Term slug (e.g., `transformer`)	Required. The slug of the AI term to display. Must match a key in the definitions JSON.
`data-aiadda-mode`	`tooltip` \| `inline`	Optional. Default is `tooltip`. Tooltip shows on hover; inline renders a card directly.

Available Term Slugs

Use any of the 100 term slugs from the definitions.json file. Common examples include:

transformer, large-language-model, gpt, bert, retrieval-augmented-generation,
chain-of-thought, diffusion-model, token, context-window, temperature,
lora, rlhf-overview, fine-tuning-overview, self-attention, neural-architecture-search,
cnn, recurrent-neural-network, ai-safety, ai-hallucination, constitutional-ai,
embedding-model, semantic-search, vector-search, llm-agent, function-calling,
stable-diffusion, dall-e, chatgpt, claude, gemini, whisper, sora ...

Single Page App (SPA) Support

For dynamically rendered content, call the widget's init function after new elements are added to the DOM:

// After dynamically adding data-aiadda-term elements
window.AIAdda.init();

How It Works

1. Script Loads

The lightweight embed.js script (<5KB) loads asynchronously without blocking your page.

2. Elements Found

The widget finds all elements with data-aiadda-term attributes on your page.

3. Definitions Fetched

Definitions are fetched once from the JSON API and cached in localStorage for 24 hours.

4. Widget Rendered

Each term gets a tooltip or inline card, rendered inside Shadow DOM so it never conflicts with your styles.

License & Attribution

CC BY-SA 4.0 - Creative Commons Attribution-ShareAlike 4.0

The AI Adda widget, API data, and definitions are licensed under CC BY-SA 4.0. You are free to use, share, and adapt the content for any purpose, including commercial use, as long as you provide attribution to AI Adda and share any derivative works under the same license.

The widget automatically includes a "Powered by AI Adda" footer link, which satisfies the attribution requirement. Please do not remove this link.

For questions or custom integration support, visit aiadda.online.