What is WebMCP and how does Persona use it?

WebMCP is a standard that gives the browser a central location (document.modelContext) to hold client-side page tools. Persona natively discovers these tools (such as product search, adding items to a cart, or booking forms), requests user approval before calling them, and streams the result back into the chat conversation without needing backend tool integration.

Will embedding Persona mess up my existing website styles?

No. Persona uses Shadow DOM rendering and prefixed CSS rules to ensure absolute style isolation. Host page styles won't leak into the widget, and the widget's styles won't leak out into your application layout.

Persona: Framework-free open-source AI chat UI library for websites.

Name: Persona
Rating: 5 (58 reviews)
Author: toolify

Sponsored by PoYo.AI - High concurrency. Stable AI API. Better pricing.

Free Tools Category Jobs .ai Domain

AI Ad Library

Home

AI Agent

Persona

Open site

0 Reviews

0 Saved

Introduction:

Framework-free open-source AI chat UI library for websites.

Added on:

Jun 30 2026

Monthly Visitors:

Social & Email:

Free

Website

AI Agent AI Developer Tools AI Assistant AI Chatbot

Advertise this tool Update this tool

Zawa

AI brand kit generator and design tool for small businesses

Free

OfoxAI

Unified API gateway to access 100+ LLMs like GPT, Claude, and Gemini.

i10X

All-in-one AI platform with 500+ AI tools and top models under one subscription.

Raccoon AI

The AI Coworker for Apps, Research, Docs & Everything Else. Raccoon AI is a collaborative AI agent and workspace for getting real work done. You describe what you need and build it together with an AI agent that has its own computer, terminal, browser, and internet. You see every thought, every file it creates, every decision it makes. You steer when it drifts. You ship when it's right. Deploy web apps. Run deep research. Analyze data. Create pitch decks, videos, images, documents and more.

Free

Chatbot App

Multi-Model AI Chat Platform that lets you switch between 30+ leading AI models instantly or run them side by side, including ChatGPT, Claude, Gemini, and more, all in one place.

Persona Product Information

What is Persona?

Persona is a lightweight, open-source, framework-free AI chat UI library built by Runtype that allows developers to embed an open-source, themeable AI chat widget or full-screen copilot experience into any website or static HTML. It is backend-agnostic and WebMCP-native, meaning it enables AI assistants to automatically discover and safely execute tools exposed directly by the parent page code (such as searches, carts, bookings, and forms) with built-in user approval. It supports SSE streaming, agent loops, style isolation using Shadow DOM to prevent CSS leaks, voice input/output, and includes an extensive theme editor.

How to use Persona?

To use Persona, install it via npm using 'npm install @runtypelabs/persona' or include its global script tag via CDN in your HTML file. Then, initialize it using the 'initAgentWidget' function by specifying a target container selector and configuring your custom server-sent events (SSE) backend API URL. Alternatively, you can run 'npx @runtypelabs/cli@latest persona init' to generate a paste-ready installer snippet.