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.

Persona — AI Tool Traffic (0/mo), Pricing, API & Alternatives

Loading…

About Persona

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.

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.

High-Impact Use Cases for Persona

Frontend developer

Drop-in support chat

Add a floating support or onboarding assistant to an existing marketing site with a script tag and one SSE endpoint, no build step required.

Product engineer

In-app copilot panel

Dock an agent beside your application workspace so users can ask questions and trigger page actions without leaving the current view.

AI engineer

Agent UI for any framework

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.

Full-stack developer

Browser-native tool calling

Expose existing page functionality as WebMCP tools and let the agent operate the app on the user's behalf with approval prompts.

Rank	AI Tool	Monthly Visits	MoM Growth	Direct traffic share	Pricing	Head-to-Head
●	Persona	0	0%	—	Free	Current
1	CopilotKit	403.15K	+199.4%	44% direct	Freemium	vs CopilotKit
2	T3 Code	1.07M	+52.5%	50% direct	Free	vs T3 Code
3	Pi Coding Agent	1.93M	+4%	47% direct	Free	vs Pi Coding Agent
4	Hermes-Agent	3.64M	-5.4%	29% direct	Freemium	vs Hermes-Agent
5	LobeHub	654.55K	-25%	30% direct	Freemium	vs LobeHub
6	Impeccable	1.04M	+8.2%	45% direct	Free	vs Impeccable

Persona

Why Choose Persona

Watchouts & Trade-offs

Multi-Angle Perspectives

Traffic Acquisition Breakdown