Impact-Site-Verification: 41b53a0c-6d04-458b-a457-fe9e29acde1a

Developer ToolsAI ChatbotsUI frameworksAI Infrastructure ToolsOpen SourceDeveloper ToolsArtificial Intelligence·

Persona.js

Add WebMCP-native AI chat to any Frontend

Persona.js

What it does

Persona.js is a lightweight, open-source AI chat UI library that embeds into any website, from modern apps to static HTML. Unlike React-based chat frameworks, Persona is framework-free, backend-agnostic, and WebMCP-native, so your assistant can discover and execute tools exposed by the parent page. It supports streaming chat, voice input, theming, and interactive copilot experiences without requiring a full frontend rebuild or custom APIs.

Who it is for

Persona is built for developers who want to add an AI assistant to their existing website quickly, without adopting a new framework or rewriting their frontend. It targets teams building support chatbots, documentation assistants, e-commerce copilots, or any agentic UI that needs to interact with the host page's own tools (e.g., search, cart, booking). The library works with any SSE backend and can be installed via npm or a script tag, making it accessible to projects of all sizes.

Why it matters

Adding AI chat to a website typically requires heavy integration work: building a custom chat UI, wiring it to a backend, and managing state. Persona eliminates this by providing a drop-in widget that handles streaming, voice, theming, and tool execution out of the box. Its WebMCP support means the AI can directly use the page's existing functions (like search or add-to-cart) with user approval, creating a truly agentic experience without backend changes. This lowers the barrier for adding conversational AI to any site.

Launch signal

Persona is currently in active development with version 4 available on npm. The project provides multiple demos (storefront, calendar, slides, bakery) and example integrations for popular backends like Vercel AI SDK, OpenAI Agents, LangGraph, Hono, Express, and SvelteKit. The library is open source under the Runtype organization, and the team encourages community contributions.

Brand and naming

The name "Persona" suggests a character or role that the AI plays on the page, aligning with the idea of an assistant that adopts the site's context. The tagline "The VanillaJS Agent UI Library" emphasizes its framework-free nature. The project is built by Runtype, a company focused on developer tools for AI agents.

Founder

Nathan Booker

Get more like this in our weekly newsletter.