Persona.js Review (2026): Pricing, Features & Honest Verdict

Reviewed by MakerStack · Published · 5 min read

Persona.js is an open-source, framework-agnostic AI chat widget you drop into any website, built around the emerging WebMCP standard. We found it a clean answer to a real developer headache. Best for developers adding agentic chat without lock-in. Price: free and MIT-licensed, with an optional hosted tier. Rating: 7.5/10.

What is Persona.js?

Persona.js is a drop-in AI chat interface for the web. It gives you the front-end of an AI assistant, streaming responses, tool calls, voice and rendered artifacts, that you embed in any site with no framework dependencies. It is written in vanilla JavaScript and TypeScript with Shadow DOM isolation, so it works whether your app is plain HTML, React, Vue or anything else. It is backend-agnostic, talking to any server that can stream over SSE.

The “WebMCP-native” part is what makes it interesting in 2026. Persona.js lets the agent discover and call tools that the host page exposes, such as a search box, a booking form or a shopping cart, with a human approval step before anything runs. It is open source under the MIT license, built by Runtype, an organisation with a real product site and full documentation. The one gap worth naming up front is that no individual team members are credited publicly, so you are trusting an org rather than named founders.

What Are Persona.js’s Key Features?

WebMCP-native page tools

The agent can find and execute tools your page exposes, then ask the user to approve before acting. This is the difference between a chat box that only talks and an assistant that can actually do things on your site, like run a search or start a checkout. Building this on the WebMCP standard rather than a proprietary scheme is a smart bet for long-term compatibility.

Three layout modes with style isolation

Persona.js ships as a floating launcher, a docked sidebar or a fullscreen view, and uses Shadow DOM so its styles never collide with your site’s CSS. There is a theming system with dark mode. For developers, the style isolation alone removes one of the most annoying parts of embedding any third-party widget.

Backend-agnostic SSE streaming

It streams responses over server-sent events with pluggable parsers, so it works with Node, Vercel, Deno, Cloudflare Workers or any model SDK that can stream. You are not tied to a specific provider or hosting setup. Bring your own backend and your own model, and Persona.js handles the UI.

Multi-modal input, voice and artifacts

It supports text, images and PDFs, speech-to-text and text-to-speech, tool-call visualisation, safe markdown and HTML rendering, plus a plugin system and an event-stream inspector. That is a lot of polish for a free library, and the artifact rendering and voice support put it close to what you would build by hand in a much longer timeframe.

How Much Does Persona.js Cost?

Persona.js is free. The library is open source under the MIT license, installable from npm or a script tag at no cost, and you can self-host it against your own backend forever without paying anything. That is the headline and the strongest reason to try it.

Runtype, the company behind it, also offers a hosted platform advertised as free to start that scales as you grow, with a contact-sales path for larger needs. The catch is that no specific paid pricing, plan names or limits are published, so you cannot budget for the hosted option in advance. Against rivals, CopilotKit and assistant-ui are also open-source with optional paid hosting, and the Vercel AI SDK is free as well. The open-source core puts Persona.js right in line with the best free options in this category.

PlanPricePlan FeaturesBest For
Open-source libraryFreeMIT license, self-host with your own backend, all featuresDevelopers who want full control
Runtype hostedFree to startManaged platform, paid tiers not publicly listedTeams wanting a managed backend

Who is Persona.js Best For?

Use Persona.js if you are a developer or product team adding an agentic chat assistant to an existing web app and you do not want framework lock-in or a heavy SDK. It is ideal when you already have a backend and a model and just need a polished, themeable, standards-based UI that can call tools on your page. The MIT license makes it safe for commercial use.

Skip Persona.js if you want a fully managed, no-code chat widget with a dashboard and zero backend work, because this still expects you to wire up a streaming backend. Non-developers will find it too low-level. And if you need a published, predictable enterprise price for a hosted version, the lack of public pricing on Runtype’s platform will frustrate procurement.

Best Persona.js Alternatives

CopilotKit is the best-funded rival, an open-source agentic copilot framework that raised 27 million dollars in 2026. It offers a free core with optional hosted Cloud and enterprise plans. It is more of a full framework, which is more powerful but also more to learn than a drop-in widget.

assistant-ui is an open-source React chat UI toolkit with an optional managed backend. It is excellent if you are all-in on React, but it does not match the vanilla-JS, framework-agnostic reach of Persona.js.

Vercel AI SDK with AI Elements is a free, open-source TypeScript toolkit and component set from the Next.js team. It is a great foundation but leans toward the Vercel and React world and does not center on the WebMCP page-tools idea.

Final Verdict: Is Persona.js Worth It?

Persona.js does something useful and does it the right way: a clean, themeable, standards-based chat UI you can drop into any stack for free, with WebMCP page tools that let the agent actually act. For developers who keep rebuilding the same assistant front-end, it is a real time-saver, and the MIT license removes any commercial worry. The polish, from voice to artifacts to Shadow DOM isolation, is well beyond what most free widgets offer.

The reservations are about the company, not the code. Runtype publishes no named team and no concrete hosted pricing, so if you depend on the managed platform you are buying into unknowns. The open-source library itself carries none of that risk, since you can self-host it indefinitely. For developers comfortable wiring up a backend, Persona.js is an easy yes. We rate it 7.5 out of 10.

Persona.js Pros & Cons

What We Like

  • Free and MIT-licensed, safe for commercial use
  • WebMCP-native page tools let the agent act, not just chat
  • Framework-agnostic with Shadow DOM style isolation
  • Polished: voice, artifacts, multi-modal input and a plugin system

What Could Be Better

  • No named team published, only an org presence
  • The hosted platform has no public pricing
  • Still expects you to wire up a streaming backend, so not for non-developers

Persona.js FAQ

What is Persona.js?

An open-source, framework-agnostic AI chat widget you embed in any website. It is WebMCP-native, so the agent can discover and call tools your page exposes, with user approval.

How much does Persona.js cost?

The library is free and open source under the MIT license. Runtype also offers a hosted platform that is free to start, but it does not publish specific paid pricing.

Is Persona.js worth it?

For developers who keep rebuilding the same assistant front-end, yes. The free MIT license and the WebMCP page tools make it a real time-saver.

What are the best Persona.js alternatives?

CopilotKit, assistant-ui and the Vercel AI SDK, all open-source with optional paid hosting.

Does Persona.js offer a free plan?

Yes. The core library is free and open source, and you can self-host it indefinitely at no cost.

Who is Persona.js best for?

Developers and product teams adding agentic chat to an existing web app who want a polished, standards-based UI without framework lock-in.

Disclosure: MakerStack is funded by featured placement fees, sponsor slots and a small number of affiliate links. Nobody paid for this review. Where any of those does apply to a review, we say so on the page. The scoring criteria are the same in every case. See our editorial policy.