Persona.js

JavaScript library for adding AI agent chat UIs to any web app — floating, docked, or fullscreen

Visit Website
persona-chat.dev
Verified API available Free tier
Quick facts
What is it JavaScript library for adding AI agent chat UIs to any web app — floating, docked, or fullscreen
Pricing Free
Free tier Yes
Platform Web Application
API Yes
Best for adding AI chat to a web application, building an AI assistant UI
Domain registered 2026

Data updated Aug. 1, 2026

What does Persona.js do?

Persona is a JavaScript library that lets you drop an AI agent chat interface into any web app. You can choose between a floating launcher, a docked sidebar, or a fullscreen assistant. It works with any backend that supports Server-Sent Events (SSE), and it's built to be lightweight and framework-agnostic.

What makes Persona stand out is its WebMCP support. WebMCP is a browser standard that lets your page register tools (like search, cart, or booking functions) that the AI agent can discover and use, with user approval. The library uses Shadow DOM to keep its styles separate from your app's, so no CSS leaks. It also has a three-layer theming system (palette, semantic, component) with dark mode and a live theme editor. You can customize the look to match your brand without forking the widget.

Persona is ideal for developers building AI-powered features into their websites. Whether you're adding a customer support chatbot, an AI copilot for a SaaS product, or an onboarding assistant, Persona gives you a solid starting point. The library is open-source and comes with pre-built examples for frameworks like Next.js, SvelteKit, Hono, and Express.

#agent-ui#ai-chat-widget#chat interface#javascript library#sse-streaming#vanillajs#web development#webmcp

Key features

What makes it stand out
01
Three layout modes: floating launcher, docked sidebar, or fullscreen assistant
02
WebMCP integration lets agents discover and use page tools with user approval
03
Shadow DOM rendering prevents style leaks between widget and host app
04
Three-layer theming system with dark mode and a live theme editor
05
SSE streaming with pluggable parsers works with any backend

Who is Persona.js for?

Who benefits most from this tool
adding AI chat to a web application
building an AI assistant UI
integrating AI agent tools into a website

Trust & presence

Domain Domain registered 2026

Alternatives in Chatbot

WebAssistants.ai Verified Chatbot

Add custom AI assistants to any website or web app with one line of JavaScript code

Heylua Verified Chatbot

Build and deploy AI agents for customer support, sales, and business automation without infrastructure management

DHTMLX Chatbot Verified Chatbot

Customizable JavaScript UI widget for integrating AI support agents with any large language model (LLM) into web applications.

LLM Playground Verified Chatbot

Open-source AI chat platform — talk to any model, roleplay with 237k+ characters, or code with a built-in editor

Chat with The Algorithm Verified Chatbot

Ask questions about Twitter's recommendation algorithm and get answers directly from its source code.

Crow Verified Chatbot

Add a chat interface to your app so users can control it with natural language, powered by an AI agent.

ClawGo Verified Chatbot

Managed hosting platform to deploy AI chatbots on Telegram, Discord, and WhatsApp — no servers or DevOps required.

Ethora Verified Chatbot

White-label chat and AI SDK for building custom messaging apps with your branding on web, iOS, and Android

Similar tools

WebMCP Verified Developer Tools

Open-source JavaScript library that lets websites connect to AI agents via the Model Context Protocol.

Page-agent Verified Developer Tools

Embed an AI agent in your web app with one script tag — users can control any UI via natural language

Personal AI Verified AI Agent

Enterprise platform for creating and deploying custom AI personas with persistent memory at the network edge.

n8n
LivePerson Verified AI Agent

Enterprise conversational AI platform for automating customer service across messaging and voice channels.

workato Top 100k site
API to MCP Verified Developer Tools

Build hosted MCP servers for real APIs, either through a visual dashboard or directly from your AI coding agent.

SiteAgent.AI Verified AI Agent

Add a voice AI agent to your website for 24/7 customer support, product recommendations, and sales assistance.

PersonifAI Verified No-Code&Low-Code

No-code platform to build, test, and simulate multi-step AI workflows using models from top providers.

Share X LinkedIn Telegram
Persona.js Visit