MARKETPLACE
PLUGINS
AI TOOLKIT — CHAT, VOICE & VISION
AI Toolkit — Chat, Voice & Vision logo

AI Toolkit — Chat, Voice & Vision

Published August 2026
   •    Updated this month

Plugin details

➡️➡️➡️ The Complete AI Toolkit for Bubble 🤖✨
Chat, voice, vision, documents, knowledge bases and structured data in a single plugin. A finished streaming chat you drop on a page, a voice assistant that holds a real spoken conversation, and 21 server actions covering everything from OCR to image generation. Every piece shares the same fields across OpenAI, Claude and Gemini, so changing provider is a dropdown.

✅ 5 visual elements — chat, voice, streaming text, autocomplete and a ⌘K palette
✅ 21 server actions — vision, PDFs, images, speech, embeddings, web search, moderation
✅ 3 providers behind one set of fields, states and events
✅ Light & dark themes, automatic or forced, with 12 appearance fields on the chat
✅ Live voice over WebRTC without your API key ever reaching the browser
✅ Structured output validated against the shape you asked for
✅ Knowledge bases that live in your own Bubble database
✅ 580 automated tests across transport, streaming, schemas and every error path

────────────────────────────────
CHECK IT
────────────────────────────────

Live demo: https://plugins-testing-calendar.bubbleapps.io/version-test

Editor (see how it is set up):https://bubble.io/page?id=plugins-testing-calendar&tab=Design&name=index

────────────────────────────────
THE FIVE ELEMENTS
────────────────────────────────

💬 AI Chat — a chat surface that is already finished
Answers stream in word by word. Markdown renders as it arrives: bold, lists, links, code blocks. Suggested prompts, a Stop button, Regenerate, and conversation history you can save to your database and restore later. Nine colours, two corner radii and a font, or leave it and it follows the visitor's light/dark setting. Fill in the tools field and the same element becomes an agent that runs your Bubble workflows mid-answer.

🎙️ AI Voice — it answers the phone
A spoken conversation over WebRTC. The visitor talks, it talks back, and they can cut it off mid-sentence. Live transcription of both sides. It runs your workflows during the call: check availability, write a booking, look up an order, and say the result out loud. Your private key stays on the server the whole time, because the browser only ever gets a token that expires in about a minute.

✍️ AI Text — the engine, none of the interface
Streaming text inside your own design. The response state grows as it arrives, so you can put it wherever you like: a product description, a rewritten email, a summary. It runs in the browser, which means Bubble's 30-second server ceiling does not apply.

⌨️ AI Autocomplete — it writes with your data
Grey text suggesting how to continue, accepted with Tab or a tap. Point its context field at the row somebody is working on and the suggestions use those actual numbers: the square metres, the plan name, the delivery date. Not generic filler.

AI Command — type it instead of clicking it
A ⌘K palette over your own workflows. Someone types "give Nova Solutions 20% off their next order" and you get back a command name and its arguments, ready to run.

────────────────────────────────
THE 21 SERVER ACTIONS
────────────────────────────────

Your private key never leaves the server.

📝 Text
Generate Text — one question, one answer, with validated structured output if you want it
Transform Text — 15 operations in one dropdown: summarise, rewrite, improve, expand, shorten, translate, change tone, simplify, proofread, classify, keywords, entities, sentiment, detect language, SEO
Universal AI Request — any provider parameter the plugin does not model, plus the raw response
Get JSON Value — read any field out of a JSON string, which Bubble cannot do on its own

🖼️ Images and documents
Analyze Image — describe, alt text, OCR, extract fields, classify, list objects, compare several
Analyze Document — from a PDF: summarise, ask it questions, extract fields, analyse, classify, translate, pull the full text
Generate Image — create from a description, three shapes, transparent background
Edit Image — change an existing image, with a mask to touch only part of it

🔊 Voice
Transcribe Audio — audio to text, with language and your own vocabulary
Text to Speech — text to audio, 11 voices, speed and delivery style
Create Voice Session — mints the short-lived token for AI Voice

📚 Knowledge
Create Embedding — text to a meaning vector, one or many at once
Compare Texts — how alike two texts are by meaning rather than spelling
Index Text — split a document and prepare it for search
Search Knowledge — find the passages that answer a question
Ask Knowledge — answer citing the sources, with or without an index
Search Web — search the live web and answer with links

🧠 Memory
Remember — store something about a person for later
Recall — bring back what is relevant, for that person only

🛡️ Safety and data
Moderate — is this text or image safe? With category and confidence
Analyze Data — over a list: classify, rank, clean, spot anomalies, extract fields, recommend, summarise, deduplicate

────────────────────────────────
OTHER FEATURES
────────────────────────────────

🎯 Structured data without writing JSON Schema
Describe the shape in plain text and the answer comes back checked.

📚 A knowledge base inside your own Bubble database
The embeddings are quantised so a passage costs about a third of a kilobyte, which means the index fits in an ordinary Bubble field. No vector database to sign up for. Under roughly 30 pages you do not even need an index, and the plugin says so rather than selling you the complicated version. Above 500 pages, Pinecone is supported.

🌐 Web search with no second API key
Today's rates, live prices, whether a flight is delayed. All three providers have search built in, and this uses it with the key you already have.

🔑 Bring your own key
Every action and element takes an optional api_key field. Leave it empty and your key is used. Fill it and each customer, or each visitor to a demo page, pays for their own calls. Multi-tenant AI without running a proxy server.

🛠️ Agents that run your Bubble workflows
Declare tools in plain text. The assistant decides when one is needed, your workflow runs, you hand the result back, and it carries on with the answer. Step limits and timeouts are built in, because an autonomous loop that bills per iteration is a hazard. A tool the model invents gets refused instead of run.

💰 Straight about cost
Every answer reports its tokens and an estimated cost. Where a model's price cannot be verified the cost field is left blank rather than showing a confident $0.00. You can put that number on screen for your own users.


────────────────────────────────
ONE EXAMPLE YOU COULD BUILD
────────────────────────────────

A customer rings your repair shop. Nobody is at the desk.

🎙️ AI Voice picks up and says hello. They explain that the frame on their bike has cracked. Mid-sentence the assistant runs one of your Bubble workflows, a tool you declared in a text box, which calls Ask Knowledge over your warranty documents and comes back with "Fjord 3 frame, covered five years, this is inside it".

Still on the call, it runs a second workflow that searches your database for the nearest workshop with a free slot, and says out loud: "That’s covered. Gràcia has an opening Thursday at 10 AM, just two kilometres away. Would you like me to book it?" They say yes, and the booking is written to your database before they hang up.

The call ends. The transcript of both sides is saved to the ticket, Transform Text turns it into a one-line summary for your team, and the customer gets a confirmation.

No phone system. No third-party call centre. No proxy server. Five pieces of one plugin, wired together with Bubble workflows.

────────────────────────────────

Full documentation with a worked examples: https://app.notion.com/p/AI-Toolkit-Documentation-3c761f4cca3a80fbbf13fbaaf6aa7e3d?source=copy_link

$150

One time  •  Or  $15/mo

stars   •   0 ratings
0 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Technocode logo
Technocode
Joined 2020   •   18 Plugins
View contributor profile

Instructions

Three steps to get running.
════════════════════════════════════

1. Add your API key

Go to Plugins → AI Toolkit in your app and fill in the key for whichever provider you want to use:

  • openai_api_key — from platform.openai.com
  • anthropic_api_key — from console.anthropic.com
  • google_api_key — from aistudio.google.com

One is enough to start. You do not need all three.


If you want the streaming chat or voice-free streaming text, you also need a second, non-private key. Streaming runs in the visitor's browser, which by design cannot read a Private key:

  • openai_api_key_public — same key, "Private" left unticked

Use a key from a separate OpenAI project with a spending cap on it. AI Voice does not need this — it uses a token that expires in a minute.

════════════════════════════════════

2. Set a spending limit

Before you build anything: platform.openai.com → Settings → Billing → Limits. Set a monthly cap.

════════════════════════════════════

3. Drop an element on the page, or add an action to a workflow

Elements — drag AI Chat, AI Text, AI Voice, AI Autocomplete or AI Command onto a page. Every field is optional except the provider. A chat works with nothing filled in but the key.

Server actions — in any workflow, Click here to add an action → Plugins, and pick one of the 21. They return their results as Result of step N's …, the same as any Bubble action.

════════════════════════════════════

Two things worth knowing now

Bubble stops any server action at 30 seconds. That is Bubble's limit, not the plugin's, and it cannot be raised. The plugin never starts a request that cannot finish inside it. For long generations, use the AI Text element instead — it runs in the browser, where there is no ceiling.

Every element and action publishes error and error_code. While you are building, put AI Chat's error in a text on the page. The messages are written to be read, and they name the exact field or step that is missing.

════════════════════════════════════

Full documentation, with a worked example for every element and every action: https://app.notion.com/p/AI-Toolkit-Documentation-3c761f4cca3a80fbbf13fbaaf6aa7e3d?source=copy_link

Types

This plugin can be found under the following types:
Background Services   •   Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
AI   •   Visual Elements   •   Input Forms

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble