Support blocks for
any page you own.
More than a chat bubble. Drop AI search bars, FAQ blocks, contact forms and inline chat embeds anywhere on your site - each one answering only from your own documents.
See it in action
Everything below runs on your own verified content - uploaded once, answered everywhere, and cited back to the source so you can audit every reply.
<vaani-chat bot="YOUR_ID" />
<vaani-faq bot="YOUR_ID" />
Blocks you can place anywhere.
Chat bubble
The classic floating widget - under 50KB, loads async, zero SEO impact.
AI search bar
A grounded answer box for your help centre or docs page.
FAQ block
Auto-generated from your knowledge base, always in sync with your documents.
Contact form
Escalation form that lands in your unified inbox with full context.
React components
Import from our npm package for React and Next.js apps.
JavaScript API
Open, close, prefill, and listen to events - full programmatic control.
One knowledge base, several front ends
Elements are different surfaces onto the same indexed documents. The floating chat bubble, an inline answer box on a help page, an auto-generated FAQ block and an escalation form all query the same knowledge base and return the same grounded, cited answers.
Installation is one script tag for plain HTML, or the npm package for React and Next.js. The bundle loads asynchronously and stays under 50KB, so it does not block rendering or affect your page-speed scores. The install steps and JavaScript API cover opening, closing, prefilling and listening for escalation events.
Because everything reads from one index, updating a document updates every element at once. There is no per-surface configuration to keep in sync, and no second copy of your content to maintain.
Source: returns.pdf · same index as the chat widget
Where Elements stop.
They are embeddable answer surfaces, not a page builder. The boundaries are worth knowing before you plan around them.
Not a design system
You control brand colour, name, greeting and copy. Layout and component structure are fixed - there is no CSS-level theming API.
Not a headless API
Elements render our UI. There is no plain answers endpoint for building a fully custom interface on top of.
Not available off-site
They run on pages you own and control. Embedding inside a third-party marketplace listing or someone else's app is not supported - see [security](/security) for why origins are checked.
Element scope, spelled out.
| Capability | Status |
|---|---|
| Chat bubble | ✓ Included today |
| AI search bar | ✓ Included today |
| FAQ block | ✓ Included today |
| Contact form | ✓ Included today |
| React components | ✓ Included today |
| JavaScript API | ✓ Included today |
| Not a design system | - Not this product |
| Not a headless API | - Not this product |
| Not available off-site | - Not this product |
Pick, style once, embed.
Pick your elements
Choose the blocks that fit each page - chat, search, FAQ, or form.
Style once
Brand colour and tone apply across every element automatically.
Embed anywhere
One script tag or npm import. Works with any stack.
What are you waiting for?
Stop answering the same 15 questions. Your customers get accurate answers 24/7, and you get your evenings back. Live in 5 minutes - no developer, no sales call.
Let's go! →Free plan to start · No credit card · Cancel anytime