SaaS Metrics
Show HN: Persona.js – a vanilla-JS agent UI library with native WebMCP (MIT)
A lightweight, framework-agnostic VanillaJS library for building agentic web experiences with native WebMCP support, specifically addressing the complexity and framework dependencies often associated with integrating AI features into existing web applications, especially in multi-framework or CMS environments.
View Origin LinkProduct Positioning & Context
AI Executive Synthesis
A lightweight, framework-agnostic VanillaJS library for building agentic web experiences with native WebMCP support, specifically addressing the complexity and framework dependencies often associated with integrating AI features into existing web applications, especially in multi-framework or CMS environments.
Persona.js targets a critical pain point in AI integration: the complexity and framework lock-in of building agentic UIs. By offering a lightweight, VanillaJS, framework-agnostic library with WebMCP support, it enables developers to embed AI features without disrupting existing, potentially multi-framework, web applications or CMS environments. This directly contrasts with heavier, framework-specific solutions, providing a clear advantage for enterprises with diverse or legacy front-end stacks. The focus on common agent UI patterns (pill launcher, fullscreen assistant, docked sidekick) and features like Shadow DOM isolation ensures broad applicability and style compatibility. This product capitalizes on the growing demand for flexible, low-overhead AI integration tools, positioning itself as a pragmatic choice for scalable agentic experience deployment.
Hey everyone. My cofounder and I are formally open sourcing (MIT) persona.js. It's a VanillaJS library that helps anyone build agentic experiences on the web, without a framework dependency, and full WebMCP supportSo, why'd we do this?1) We're super fans of the web and the browser can do a ton today2) We've seen AI builds be way overly complex because the FE requires a large project within an existing app OR the site wasn't using a framework to begin withIf you've been a part of huge apps with multiple frameworks inside them, or work inside CMS / website builders / ecomm platforms... you know what we're talking about. A "simple" AI feature disrupts your life for monthsIf you have a singular React codebase and can't possibly imagine building an interface without JSX, nothing to see here! You already have a lot of great options that are really cool too. Check out Assistant UI / CopilotKit / AI Elements which are all MIT----Some specifics:Persona has a ~15 kB brotli to first paint (the full widget lazy-loads on first click) while being able to render most of the primary agent experiences you see on the web: from 'Fin' (pill launcher) to 'Claude' (fullscreen assistant) to 'Shopify Sidekick' (docked)You can run it in Shadow DOM isolated mode so existing styles play niceEverything has hooks and events, so you can add unique flavor (and easily share back!) in a few linesWe have a ton of demos on the library site, along with all the knobs to play with how each aspect renders. Tool and reasoning, custom loading animations, voice, approval UX, etcWe've also added a ton of examples across agent and frontend stacksCheck out the code @ https://github.com/runtypelabs/personaFeedback and contributions welcome!
Related Ecosystem & Alternatives
Discover adjacent products, open-source repositories, and developer tools sharing similar technical architecture.
Deep-Dive FAQs
What is Persona.js – a vanilla-JS agent UI library with native WebMCP (MIT)?
Persona.js – a vanilla-JS agent UI library with native WebMCP (MIT) is analyzed by our AI as: A lightweight, framework-agnostic VanillaJS library for building agentic web experiences with native WebMCP support, specifically addressing the complexity and framework dependencies often associated with integrating AI features into existing web applications, especially in multi-framework or CMS environments.. It focuses on Persona.js targets a critical pain point in AI integration: the complexity and framework lock-in of building agentic UIs. By offering a lightweight...
Where did Persona.js – a vanilla-JS agent UI library with native WebMCP (MIT) originate?
Data for Persona.js – a vanilla-JS agent UI library with native WebMCP (MIT) was aggregated directly from the Hacker News community ecosystem, representing raw developer and early-adopter sentiment.
When was Persona.js – a vanilla-JS agent UI library with native WebMCP (MIT) publicly launched?
The initial public indexing or launch date for Persona.js – a vanilla-JS agent UI library with native WebMCP (MIT) within our tracked developer communities was recorded on June 21, 2026.
How popular is Persona.js – a vanilla-JS agent UI library with native WebMCP (MIT)?
Persona.js – a vanilla-JS agent UI library with native WebMCP (MIT) has achieved measurable traction, logging over 10 traction score and facilitating 12 recorded discussions or engagements.
Which technical categories define Persona.js – a vanilla-JS agent UI library with native WebMCP (MIT)?
Based on metadata extraction, Persona.js – a vanilla-JS agent UI library with native WebMCP (MIT) is categorized under topics such as: Persona.js, VanillaJS, agent UI library, native WebMCP.
Is Persona.js – a vanilla-JS agent UI library with native WebMCP (MIT) recognized by media or academic researchers?
Yes. It has been covered by media outlets like Github.com. This indicates the concept has reached a level of mainstream or scientific viability beyond just developer forums.
Are there open-source alternatives related to Persona.js – a vanilla-JS agent UI library with native WebMCP (MIT)?
Yes, the GitHub ecosystem contains correlated projects. For example, a repository named xixu-me/awesome-persona-distill-skills shares highly similar architectural descriptions and topics.
How does the creator describe Persona.js – a vanilla-JS agent UI library with native WebMCP (MIT)?
The original author or development team describes the product as follows: "Hey everyone. My cofounder and I are formally open sourcing (MIT) persona.js. It's a VanillaJS library that helps anyone build agentic experiences on the web, without a framework dependency, and fu..."
Community Voice & Feedback
I really appreciate your work since I was looking for something similar, couldn't find any and eventually thought of making something of my own to integrate into my ongoing project!Your solution is well advanced and provides lot of thing out of the box. Loved it!
Appreciate the feedback and support so far!Wanted to add, in terms of extensibility, we've really tried to make the key parts of the UX hookable. Most of what you see on this page like tool / reasoning calls, voice, loaders, approvals, etc are completely replaceable in a few lines of plain JS: https://www.persona-chat.dev/advanced.htmlIt means you can do interesting things like go straight to OpenAI or Elevenlabs voice for read-aloud while streaming the main chat from your framework.I'd like to improve the shareability of what's created in the ecosystem, but we're not quite there yet.If you have ideas for more hooks or extensions you'd like to see, we're very much in listening mode.
[flagged]
this is awesome!
Practically speaking, what would this mean for a designer? I’ve been building web apps and websites with Claude Code.Not clear what this would do for me relative to all the other things out there.
Love seeing more vanilla projects and tooling around standards. Long live the web.Edit: I’ve been thinking about offering an overlay UI for a web based game and this could be a good fit for that. I’ll give it a spin later and let y’all know.
Happy to see WebMCP adoption and a standards first framework.The argument for react has always been dev velocity and ecosystem. But with AI the best web experiences will be as close to the “metal” as possible
when will WASM integration become widely accepted? we need realtime canvas draw like oldschool desktop ui/ux.
I haven’t seen much on WebMCP adoption yet, but I’ve been keen to use it for improving the AX of a web app at work. I’m curious how you all are seeing it be used.
Nathan here from Runtype - I worked closely with @becomevocal on this library. Here to answer questions!My personal favorite demo is this JSPaint + WebMCP one https://www.persona-chat.dev/webmcp-paint.htmlBut more practical examples include:
https://www.persona-chat.dev/webmcp-slides.html
https://www.persona-chat.dev/webmcp-calendar.htmlWebMCP's finally at a point where it makes sense to build against it (shipped in latest chrome + good polyfills available), and I've found it a pretty elegant way to extend existing FE apps by just hooking into your existing FE functions instead of having to build an AI assistant as a parallel thing that is ignorant of the user's session, what they're looking at, etc. This makes hybrid AI/app experiences feel much better.
https://www.persona-chat.dev/webmcp-slides.html
https://www.persona-chat.dev/webmcp-calendar.htmlWebMCP's finally at a point where it makes sense to build against it (shipped in latest chrome + good polyfills available), and I've found it a pretty elegant way to extend existing FE apps by just hooking into your existing FE functions instead of having to build an AI assistant as a parallel thing that is ignorant of the user's session, what they're looking at, etc. This makes hybrid AI/app experiences feel much better.
Discovery Source
Hacker News Aggregated via automated community intelligence tracking.
Tech Stack Dependencies
No direct open-source NPM package mentions detected in the product documentation.
Media Tractions & Mentions
Deep Research & Science
No direct peer-reviewed scientific literature matched with this product's architecture.