Persona

Persona

A free, open-source code library that lets developers add an AI chat assistant to their website without relying on any particular framework.

🔗 Visit Persona
📁 Web Development & Frameworks🗣️ English📅 July 26, 2026

Description

Adding a chat bubble to a website that can actually talk to an AI and take real actions — not just answer FAQs — usually means wiring together a UI, a connection to an AI model, and a way for the AI to safely trigger things on the page. Persona is a free toolkit that already does that wiring, so a developer can drop in a working, good-looking chat assistant in a fraction of the time it would take to build one from scratch.

Persona is an open-source, framework-agnostic JavaScript library for building agentic chat interfaces on the web, distributed under the MIT license. It ships with multiple layouts (floating launcher, docked panel, fullscreen), Shadow DOM isolation to avoid CSS conflicts with the host site, native WebMCP support so an AI agent can discover and call tools defined on the page, SSE streaming with pluggable event parsers, a full theming system with dark mode, and user-approval workflows before an agent executes a tool. There's no built-in backend — developers connect their own — though the company behind it, Runtype, offers an optional paid hosting layer for teams that don't want to run that infrastructure themselves.

💬 Our review

The short version: Persona is a solid, no-cost foundation for a website chat widget if you're comfortable writing the backend that powers it — it's a UI toolkit, not a hosted chatbot service.

The strongest part of the design is being framework-agnostic with Shadow DOM isolation, which means it won't clash with a site's existing CSS the way many embeddable widgets do, and WebMCP support puts it ahead of most chat-widget libraries on giving the AI real, structured actions to take rather than just chat text. The tradeoff is that it's genuinely a developer tool: there's setup work to connect a backend and define what tools the agent can call, so it's not a five-minute drop-in for a non-technical user the way a hosted product like Drift or Intercom's AI would be. Compared to building agentic UI on top of the Vercel AI SDK from scratch, Persona saves real time on the interface layer specifically — worth using if you already have or are building your own AI backend and just need the frontend done well.

📊 Global score

53Average
🌐Availability15/100Faible

1 language · 0 platform

📄Profile90/100Excellent

Profile completeness

🤖 AI-enriched data

💰 Pricing model
🆓 Gratuit / open-source

MIT, gratuit et auto-hébergeable. Couche d'hébergement managé optionnelle et payante proposée par Runtype, l'éditeur, sans tarif public affiché.

👥 Target audienceDéveloppeurs web construisant une interface de chat IA ou un widget d'assistant sur leur site
🗣️ Languagesen
🌍 Target countriesWorldwide
👍

Pros

Gratuit, open-source, licence MIT

Fonctionne avec n'importe quel framework front-end

Isolation Shadow DOM, pas de conflit CSS avec le site hôte

Support natif WebMCP pour donner de vraies actions à l'agent

👎

Cons

Nécessite de connecter et coder son propre backend

Pas une solution clé en main pour un non-développeur

Écosystème et communauté plus restreints que les alternatives commerciales

❓ Frequently asked questions

What is Persona?
Do I need a backend to use it?
Does it work with React, Vue, or plain HTML sites?
What is WebMCP support for?
Is it worth the money compared to alternatives?
Which tool should you pick for your case?