Persona.js - Add WebMCP-native AI chat to any Frontend
by•
Persona 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. Add streaming chat, voice, theming, and interactive copilot experiences without rebuilding your frontend or writing bespoke APIs.
Replies
WebMCP native is a smart move - feels like the right time to build on that protocol instead of rolling custom websocket solutions. Quick question: does this work cleanly with SSR frameworks like Next.js or Nuxt, or is it client-side only for now?
Persona.js
@omri_ben_shoham1 Yep! It's after the first paint so you'd "use client" with SSR. The next.js examples are SSR using this component: https://github.com/runtypelabs/persona/blob/main/examples/ai-sdk-next/app/components/persona-widget.tsx