# Persona

According to OpenAITools.app telemetry verified on 2026-11-11, Persona (persona-chat.dev) is an AI platform indexed under AI Agent generating 0 monthly visits with a month-over-month traffic delta of +0 (0%). Its primary geographic market is Global (— traffic share), and it operates on a Free pricing model. Top competing alternatives by monthly volume include CopilotKit (403.15K visits/mo), T3 Code (1.07M visits/mo), Pi Coding Agent (1.93M visits/mo).

The framework-free AI agent UI library for any website

## Key Telemetry & Specifications

| Metric | Value |
| :--- | :--- |
| Tool Name | Persona |
| Handle | persona-js |
| Status | active |
| Origin | open_source |
| Maintenance | active |
| Official Domain | persona-chat.dev |
| Website URL | https://www.persona-chat.dev |
| Categories | AI Agent, AI Developer Tools, AI Assistant, AI Chatbot |
| Pricing Model | Free |
| Monthly Visits | 0 |
| MoM Traffic Change | 0 |
| MoM Growth Rate | 0% |
| Primary Market | Global |
| Market Share | — |
| Direct Visits | 0 |
| Organic Search Visits | 0 |
| Social Visits | 0 |
| Referral Visits | 0 |
| Email Visits | 0 |
| Review Score | 4.5 |
| Saved Count | 0 |
| Supported Platforms | Website |
| Billing Platforms |  |
| Attributes | Pricing: Free; Features: Website |
| Tags | AI chat UI, Vanilla JS chat widget, WebMCP, AI agent UI, Open source chat widget, SSE streaming UI, AI copilot interface |

## Overview

Persona is a VanillaJS UI library built for developers who want a production-grade AI chat surface without adopting a frontend framework. You add it with a single npm install or a CDN script tag, point it at any Server-Sent Events endpoint, and get a streaming chat experience with agent loops, tool use, and style isolation via Shadow DOM.

The library is deliberately decoupled from any particular model provider. Because it consumes generic SSE streams, it works alongside backends built on the Vercel AI SDK, OpenAI Agents, LangGraph.js, Hono, Express, SvelteKit, or a hand-rolled node:http server. Pluggable hooks such as customFetch and parseSSEEvent let you adapt nearly any request or event shape without forking the widget.

Beyond chat, Persona leans into the browser as an agent runtime. Its WebMCP support lets you register page-level tools on document.modelContext — search, carts, bookings, forms — which the agent can discover and invoke with built-in user approval. Layout, theming, and dark mode are controlled through a three-layer token tree and a live theme editor, so the widget can match a brand without rewriting styles. It is created by the team at Runtype and released under the MIT license.

## Pricing & Plans

Persona is free and open source under the MIT license, so the widget itself carries no cost. The maintainers (Runtype) offer an optional hosted backend and CLI workflow for spinning up agents and client tokens, which is the commercial path, but any compatible SSE backend can be used instead.

## Key Features & Capabilities

- **Zero framework dependencies:** Built in pure JavaScript with no React, Vue, or Svelte requirement, so it drops into any stack via npm or a single CDN script tag.
- **Any SSE backend:** Streams from a generic Server-Sent Events endpoint, with pluggable customFetch and parseSSEEvent hooks to adapt arbitrary request and event shapes.
- **WebMCP-native tool use:** Registers page-level tools on document.modelContext so the agent can discover and invoke actions like search, carts, and bookings with user approval.
- **Style isolation:** Renders inside Shadow DOM with prefixed CSS, keeping widget styles and host page styles fully separated in both directions.
- **Three layout modes and token theming:** Switch between floating launcher, docked copilot, and fullscreen assistant by config, and restyle via a three-layer design token tree with dark mode.

## Primary Use Cases

- **Drop-in support chat (Frontend developer):** Add a floating support or onboarding assistant to an existing marketing site with a script tag and one SSE endpoint, no build step required.
- **In-app copilot panel (Product engineer):** Dock an agent beside your application workspace so users can ask questions and trigger page actions without leaving the current view.
- **Agent UI for any framework (AI engineer):** Pair the widget with LangGraph.js, OpenAI Agents, or the Vercel AI SDK backend you already run and keep a consistent chat surface across projects.
- **Browser-native tool calling (Full-stack developer):** Expose existing page functionality as WebMCP tools and let the agent operate the app on the user's behalf with approval prompts.

## Strengths

- Pure JavaScript with no framework lock-in, installable via npm or a single script tag
- Model- and backend-agnostic thanks to generic SSE streaming and adapter hooks
- WebMCP support turns existing page functionality into agent-callable tools
- Shadow DOM isolation and token-based theming make it safe to embed in styled sites
- MIT licensed and open source, with many runnable demo examples for different stacks

## Limitations

- You still need to supply and host your own SSE chat backend, so it is not an out-of-the-box chatbot
- Configuration depth (tokens, parsers, adapters) means a non-trivial learning curve for advanced customization
- The optional hosted Runtype workflow is the smoothest path, which nudges teams toward that vendor

## Frequently Asked Questions

### Is Persona free to use?
Yes. Persona is released as an open-source library under the MIT license, so the widget itself costs nothing. You only pay for whatever backend and model inference you choose to run behind it.

### Do I need a specific AI provider?
No. Persona streams from any Server-Sent Events endpoint, so it works with OpenAI, Anthropic, self-hosted models, or any service you can wrap in an SSE response.

### Does it require React or another framework?
No. Persona is written in pure Vanilla JavaScript and works with anything that can load a script or an ES module, including static HTML pages.

### What is WebMCP support for?
WebMCP gives the browser a standard location, document.modelContext, for registering page tools. Persona discovers those tools, asks the user for approval, and streams results back into the conversation so the agent can operate your page directly.

### What is Persona's monthly traffic and growth trend?
Persona currently receives 0 monthly visits, with a month-over-month traffic change of +0 (0% growth rate). Its primary source market is Global (— share), including 0 direct visits/mo and 0 organic search visits/mo.

### Is Persona free? What is its pricing model?
Persona operates on a Free pricing model. Persona is free and open source under the MIT license, so the widget itself carries no cost. The maintainers (Runtype) offer an optional hosted backend and CLI workflow for spinning up agents and client tokens, which is the commercial path, but any compatible SSE backend can be used instead. Supported billing and checkout platforms include: not listed.

### What are the best Persona alternatives in 2026?
Based on OpenAITools.app category traffic and feature fit, the top five alternatives to Persona are: 1. CopilotKit (403.15K visits/mo); 2. T3 Code (1.07M visits/mo); 3. Pi Coding Agent (1.93M visits/mo); 4. Hermes-Agent (3.64M visits/mo); 5. LobeHub (654.55K visits/mo).

### Which platforms and core AI capabilities does Persona support?
Persona is classified under AI Agent, AI Developer Tools, AI Assistant, AI Chatbot, supports the following platforms: Website, and its core capability tags include: AI chat UI, Vanilla JS chat widget, WebMCP, AI agent UI, Open source chat widget, SSE streaming UI.

## Alternatives

| Tool Name | Monthly Visits | Pricing Model | Compare |
| :--- | :--- | :--- | :--- |
| [CopilotKit](https://openaitools.app/tool/copilotkit) | 403,148 | Freemium | [Compare](https://openaitools.app/compare/copilotkit-vs-persona-js) |
| [T3 Code](https://openaitools.app/tool/t3-code) | 1,071,866 | Free | [Compare](https://openaitools.app/compare/persona-js-vs-t3-code) |
| [Pi Coding Agent](https://openaitools.app/tool/pi-coding-agent) | 1,929,244 | Free | [Compare](https://openaitools.app/compare/persona-js-vs-pi-coding-agent) |
| [Hermes-Agent](https://openaitools.app/tool/hermes-agent-1) | 3,638,741 | Freemium | [Compare](https://openaitools.app/compare/hermes-agent-1-vs-persona-js) |
| [LobeHub](https://openaitools.app/tool/lobehub) | 654,548 | Freemium | [Compare](https://openaitools.app/compare/lobehub-vs-persona-js) |
| [Impeccable](https://openaitools.app/tool/impeccable) | 1,038,637 | Free | [Compare](https://openaitools.app/compare/impeccable-vs-persona-js) |
| [Clawdbot (OpenClaw)](https://openaitools.app/tool/clawdbot) | 1,903,068 | Paid, Free | [Compare](https://openaitools.app/compare/clawdbot-vs-persona-js) |
| [Agentkit](https://openaitools.app/tool/agentkit) | 20,332 | Freemium | [Compare](https://openaitools.app/compare/agentkit-vs-persona-js) |
| [Tambo](https://openaitools.app/tool/tambo) | 7,034 | Freemium | [Compare](https://openaitools.app/compare/persona-js-vs-tambo) |
| [Agent-Native](https://openaitools.app/tool/agent-native) | 52,065 | Free | [Compare](https://openaitools.app/compare/agent-native-vs-persona-js) |
| [ChatBotKit](https://openaitools.app/tool/chatbotkit) | 95,095 | Paid | [Compare](https://openaitools.app/compare/chatbotkit-vs-persona-js) |
| [HARPA AI](https://openaitools.app/tool/harpa-ai) | 537,461 | Freemium | [Compare](https://openaitools.app/compare/harpa-ai-vs-persona-js) |

---
Source: https://openaitools.app/tool/persona-js