AI Chatbot
Persona.js
Lightweight, themeable AI chat widget for websites built with vanilla JS, supporting streaming, voice, tool calls, and a plugin system.
Persona.js
What is Persona.js?
Persona.js is an open-source, framework-agnostic AI chat widget that can be embedded into any website. It provides a drop-in UI with support for streaming responses, voice I/O, tool calls, and a plugin system.
Persona.js vs Similar AI Tools
W Wave | ||||
|---|---|---|---|---|
| Pricing Model | Free | Free | Free | Free |
| Free Credits | ||||
| Key Features |
|
|
|
|
| Pros |
|
|
|
|
| Cons |
|
|
|
|
| Best For |
|
|
|
|
How to use Persona.js?
- 1Install via npm: npm install @runtypelabs/persona
- 2Import and initialize: import { initAgentWidget } from "@runtypelabs/persona"; initAgentWidget({ target: "#chat", config: { apiUrl: "your-api-url" } });
- 3Or use a script tag: set window.siteAgentConfig and load the installer script.
- 4Configure layouts (floating, docked, fullscreen) and features via the config object.
Persona.js Key Features
- Streaming chat with SSE
- Voice input and output
- Tool calls and human-in-the-loop approvals
- Artifacts panel for rich content
- Floating, docked, and fullscreen layouts
- Plugin system with 14 render hooks
- Reasoning bubbles and chain-of-thought
- Multi-modal content (images, documents)
- Themes and design tokens
- Event stream inspector
Persona.js Use Cases
- Add an AI assistant to a documentation site
- Build a customer support chatbot
- Create a copilot for a SaaS application
- Embed a conversational interface in any web page
Persona.js Pricing & Free Credits
Persona.js currently operates on a Free model.
This tool is completely free to use
Persona.js Pros & Cons
Pros
- Lightweight and framework-agnostic
- Backend-agnostic (works with any SSE-capable backend)
- Rich feature set (voice, tools, artifacts)
- Plugin system for customization
- Multiple layout options
Cons
- Requires self-hosting or backend setup
- Not a hosted service - needs developer integration
- Limited pre-built integrations (though extensible)
What is Persona.js best for?
- Developers wanting to add an AI chat UI to their website
- Teams building custom AI assistants with a JavaScript frontend