Persona: Open-source Agent UI Library in VanillaJS

Gallery

About

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!