Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Introducing Plate: the modern rich-text editor for React. ◆ Core: Plugin system. ◆ Plugins: 50+ Headless, unstyled packages. ◆ Primitives: State and behavior hooks. ◆ Components: Radix by WorkOS + shadcn ui. Free. Open Source. Responsive. Dark Mode.

zbeyens

2,216 subscribers

208,847 views • 3 years ago •via X (Twitter)

Science & Technology Education Arts

Anya Rossi• Live Now

Private livecam show

10 Comments

zbeyens3 years ago

Craft your own editor on Select plugins of your choice, all within our unified Playground used across all the examples.

zbeyens3 years ago

Generate your editor components with our CLI built on top of shadcn-ui. You'll find a dedicated plate-ui folder next to ui, marking the first component registry built alongside @shadcn's. Around 100 components.

zbeyens3 years ago

What sets Slate and Plate apart from other editor frameworks? They are architected specifically for React and TypeScript, no external wrappers needed. Free from framework tradeoffs.

zbeyens3 years ago

Huge thanks to: ◆ @nextjs for hosting, ◆ @dylans for maintaining Slate, ◆ @shadcn for the stellar UI, CLI and docs, ◆ Joe ( for pairing with me on this long ride. Excited for what's next in our journey with Plate!

shadcn3 years ago

@radix_ui Looks really good. Congrats on the launch 🚀

TenxStartuper 3 years ago

@radix_ui @shadcn @shadcn I think we should add showcase page to shadcn ui docs. So we could share these kind of incredible projects there as well

zbeyens3 years ago

@radix_ui @shadcn That would be nice to build an ecosystem around the components.json convention. I think @shadcn is looking into it.

Vlad3 years ago

@radix_ui @shadcn Oh man perfect timing, im about to start the development of a tool inspired by something I read in atomic habits and this text editor is just what I will need. Thanks for sharing!

JT3 years ago

@radix_ui @shadcn Nice video, for those looking something “similar” for React Native, the best option is at the moment, I would like to know what Notion is using for the rich text editor feature in their app…🤔

zbeyens3 years ago

@MrPompeii_ @radix_ui @shadcn Thanks for sharing. We try to optimize the React layer before going into React native. Notion has built their own editor framework.

Related Videos

Introducing Plate AI, a rich text editor powered by AI commands and Copilot. ◆ Configurable plugins ◆ 200+ shadcn/ui components ◆ AI SDK

Introducing Plate AI, a rich text editor powered by AI commands and Copilot. ◆ Configurable plugins ◆ 200+ shadcn/ui components ◆ AI SDK

zbeyens

55,461 views • 1 year ago

Introducing shadcn/play An open-source playground for building, editing, and sharing shadcn blocks and components. - Live code, instant preview - Zero setup - Dark mode / Light mode - Mobile-responsive view - Shareable links Try it:

Introducing shadcn/play An open-source playground for building, editing, and sharing shadcn blocks and components. - Live code, instant preview - Zero setup - Dark mode / Light mode - Mobile-responsive view - Shareable links Try it:

Duncan

34,499 views • 6 months ago

Introducing free Event Calendar for shadcn: ✅ Month, Week, Day, Agenda, Time Grid view modes ✅ Headless UI for custom event rendering and interactions ✅ i18n support ✅ Timezone support ✅ Drag to move and resize support ✅ Base UI / Radix by WorkOS ready Live preview links below 👇

Introducing free Event Calendar for shadcn: ✅ Month, Week, Day, Agenda, Time Grid view modes ✅ Headless UI for custom event rendering and interactions ✅ i18n support ✅ Timezone support ✅ Drag to move and resize support ✅ Base UI / Radix by WorkOS ready Live preview links below 👇

ReUI

32,701 views • 1 month ago

600 SVGs available on Svgl 🥳🚀 ✓ Fully optimized ✓ React, Vue, Angular, Astro, Svelte & Web Components ✓ Add SVGs with the shadcn/ui CLI ✓ Free API ✓ Raycast extension, npm packages, and CLIs built by contributors and 100% free, open source ✨

600 SVGs available on Svgl 🥳🚀 ✓ Fully optimized ✓ React, Vue, Angular, Astro, Svelte & Web Components ✓ Add SVGs with the shadcn/ui CLI ✓ Free API ✓ Raycast extension, npm packages, and CLIs built by contributors and 100% free, open source ✨

Pablo

95,721 views • 5 months ago

introducing ollama-reply 🦙 a browser extension that uses ollama to generate smart replies for LinkedIn and X 👨‍🍳 customizable: use any model/adapt to your needs 🆓 open source: tech: ollama + AI at Meta llama3 React Tailwind CSS shadcn + Radix by WorkOS

introducing ollama-reply 🦙 a browser extension that uses ollama to generate smart replies for LinkedIn and X 👨‍🍳 customizable: use any model/adapt to your needs 🆓 open source: tech: ollama + AI at Meta llama3 React Tailwind CSS shadcn + Radix by WorkOS

José Donato

43,108 views • 2 years ago

Introducing Loading UI ⏳ if your loading state is just <Loader2 /> it's for you → 35+ components → shadcn compatible → simplest api, fully customizable free and open-source install, customize, plug-in check at loading-ui(.)com 🔥

Introducing Loading UI ⏳ if your loading state is just <Loader2 /> it's for you → 35+ components → shadcn compatible → simplest api, fully customizable free and open-source install, customize, plug-in check at loading-ui(.)com 🔥

Bart ⚡

106,139 views • 4 months ago

Today ReUI Pro goes live! 🔥 Design-forward shadcn/ui platform with MCP fluency for agents. AI made UI generation instant. It didn't make it production-ready. You still spend hours picking blocks, adjusting details, and fine-tuning the last mile. We spent six months building the agent-ready layer for shadcn/ui that closes the gap. Inside: ☑️ Free Hosted MCP with Agent Skills. ☑️ 1,019 open-source shadcn/ui components, free forever. ☑️ 17 open-source ReUI primitives(Data Grid, Filters,File Upload, Stepper and more). ☑️ 485 Pro blocks across over 50 categories. ☑️ 562 hand-crafted interactive icons in 4 styles. ☑️ Default Base UI and legacy Radix by WorkOS versions. Real credit to shadcn for the ecosystem! The registry model changed how we all build and ship UI, and ReUI stands on that foundation. Below is a thread on the 10 things we're most proud of👇

Today ReUI Pro goes live! 🔥 Design-forward shadcn/ui platform with MCP fluency for agents. AI made UI generation instant. It didn't make it production-ready. You still spend hours picking blocks, adjusting details, and fine-tuning the last mile. We spent six months building the agent-ready layer for shadcn/ui that closes the gap. Inside: ☑️ Free Hosted MCP with Agent Skills. ☑️ 1,019 open-source shadcn/ui components, free forever. ☑️ 17 open-source ReUI primitives(Data Grid, Filters,File Upload, Stepper and more). ☑️ 485 Pro blocks across over 50 categories. ☑️ 562 hand-crafted interactive icons in 4 styles. ☑️ Default Base UI and legacy Radix by WorkOS versions. Real credit to shadcn for the ecosystem! The registry model changed how we all build and ship UI, and ReUI stands on that foundation. Below is a thread on the 10 things we're most proud of👇

ReUI

47,964 views • 1 month ago

Introducing editorcn 📝 by Shadcn Labs > Built on Tiptap > Zero config, one command setup. > shadcn/ui compatible (simply copy-paste) > Rich text, Notion-style editors with 20+ built-in controls > Fully customizable 100% free and open-source.

Introducing editorcn 📝 by Shadcn Labs > Built on Tiptap > Zero config, one command setup. > shadcn/ui compatible (simply copy-paste) > Rich text, Notion-style editors with 20+ built-in controls > Fully customizable 100% free and open-source.

Aniket Pawar

46,524 views • 8 days ago

🚀 Ship in record time with the new Metronic! The all-in-one template kit for React Vite, Next.js, and vanilla JS - trusted by 117,000+ developers. Key Features: - 10 unique app layouts - RTL/Dark mode support - 1000+ UI elements - 40+ UI components - 120+ pages - 50+ Prebuilt UI blocks CRUDs/forms/flows - User Management app(next.js) - Store - Client concept - More concepts cooking... Tech Stack: - Tailwind CSS 4 - ReUI components - shadcn compatible - @reactjs19 with App Router - Vite ⚡ with React Router - Next.js 15.3 - Auth.js - Supabase Auth - Radix by WorkOS - TANSTACK Table & Query - Prisma ORM - PostgreSQL - Vanilla JS/TypeScript - KtUI components - Bootstrap 5 legacy version Live preview: Purchase link:

🚀 Ship in record time with the new Metronic! The all-in-one template kit for React Vite, Next.js, and vanilla JS - trusted by 117,000+ developers. Key Features: - 10 unique app layouts - RTL/Dark mode support - 1000+ UI elements - 40+ UI components - 120+ pages - 50+ Prebuilt UI blocks CRUDs/forms/flows - User Management app(next.js) - Store - Client concept - More concepts cooking... Tech Stack: - Tailwind CSS 4 - ReUI components - shadcn compatible - @reactjs19 with App Router - Vite ⚡ with React Router - Next.js 15.3 - Auth.js - Supabase Auth - Radix by WorkOS - TANSTACK Table & Query - Prisma ORM - PostgreSQL - Vanilla JS/TypeScript - KtUI components - Bootstrap 5 legacy version Live preview: Purchase link:

KeenThemes Market

12,695 views • 1 year ago

Introducing AI Codex: the self-improving system for Cursor. ◆ Error and learning repository. ◆ Auto-save new insights. ◆ Smart categorization. Free. Open Source. Ready-to-use template.

Introducing AI Codex: the self-improving system for Cursor. ◆ Error and learning repository. ◆ Auto-save new insights. ◆ Smart categorization. Free. Open Source. Ready-to-use template.

zbeyens

173,158 views • 2 years ago

Introducing Prism UI ✨ A UI library built on top of shadcn components to create beautiful pages 🪄 Animated components that are build on shadcn, Tailwind CSS and framer motion. 100% Free and Open Source I have drawn inspiration from two main sources ◆ shadcn - The foundation and the 🐐 ◆ Steven Tey - The clean, modern UI/UX seen in dub has been a huge inspiration Tech Stack: Vercel shadcn Framer Tailwind CSS v0 Matt Perry (framer motion) This was my holiday project - Hope you like it 🖤 #opensource #buildinpublic

Introducing Prism UI ✨ A UI library built on top of shadcn components to create beautiful pages 🪄 Animated components that are build on shadcn, Tailwind CSS and framer motion. 100% Free and Open Source I have drawn inspiration from two main sources ◆ shadcn - The foundation and the 🐐 ◆ Steven Tey - The clean, modern UI/UX seen in dub has been a huge inspiration Tech Stack: Vercel shadcn Framer Tailwind CSS v0 Matt Perry (framer motion) This was my holiday project - Hope you like it 🖤 #opensource #buildinpublic

CodeHagen

241,680 views • 1 year ago

Page UI is live on Product Hunt 🎉 Drop by & say hi. Any support greatly appreciated 💜 Here's what's included: 🐙 Open source ⚛️ 24 components & 100s of examples + templates 📋 Copy & paste any section 🎨 Themeable ↔️ Responsive 🌚 Dark mode included 📃 World class docs Support for plain React, JavaScript and more templates planned! Stay tuned 👀

Page UI is live on Product Hunt 🎉 Drop by & say hi. Any support greatly appreciated 💜 Here's what's included: 🐙 Open source ⚛️ 24 components & 100s of examples + templates 📋 Copy & paste any section 🎨 Themeable ↔️ Responsive 🌚 Dark mode included 📃 World class docs Support for plain React, JavaScript and more templates planned! Stay tuned 👀

Dan ⚡️

99,096 views • 2 years ago

Introducing Prism Templates ✨ Ready to use pages for your application built on shadcn and run on Next.js How it works: ◆ Go to Prism UI ◆ Download templates ◆ Run and edit your new website I have wanted to make something like this for everyone for a while, hope you like it 🪄 What is under the hood: ⚡️ Next.js 15 with App Router 🎨 Tailwind CSS for styling 📦 Shadcn UI components 🔒 TypeScript for type safety 🎯 ESLint & Biome for code formatting 🚀 Optimized for SEO 🌓 Dark mode support 📱 Responsive design 🔥 Modern and clean UI Tech Stack: Vercel shadcn Framer Tailwind CSS v0 Matt Perry Biome #opensource #buildinpublic

Introducing Prism Templates ✨ Ready to use pages for your application built on shadcn and run on Next.js How it works: ◆ Go to Prism UI ◆ Download templates ◆ Run and edit your new website I have wanted to make something like this for everyone for a while, hope you like it 🪄 What is under the hood: ⚡️ Next.js 15 with App Router 🎨 Tailwind CSS for styling 📦 Shadcn UI components 🔒 TypeScript for type safety 🎯 ESLint & Biome for code formatting 🚀 Optimized for SEO 🌓 Dark mode support 📱 Responsive design 🔥 Modern and clean UI Tech Stack: Vercel shadcn Framer Tailwind CSS v0 Matt Perry Biome #opensource #buildinpublic

CodeHagen

16,295 views • 1 year ago

The wait is over, Guys! 😌 Finally, we've shipped Shadcn Studio 🎉 An open-source registry with copy-and-paste components, blocks, and templates! - Paired with a powerful theme editor to craft, customize, and ship faster. 🚀 - Shadcn Theme Editor & Component variants ✅ - Theme Import/Export ✅ - Save Shadcn Themes ✅ - Shadcn Component Variants ⌛ - Shadcn Figma UI Kit ⌛ - Shadcn Blocks & Templates ⌛ - Figma Plugin, AI, MCP, LLM and more.. ⌛ ➡️ Check it out here: Huge thanks to Anand Patel, Heet Bhalodiya & Aayush Makwana for their incredible work on this! 🙌 Special thanks to shadcn Sahaj 🫱🏼‍🫲🏼 We’d love to hear your thoughts and feedback from the community! Let us know what you think. 😀

The wait is over, Guys! 😌 Finally, we've shipped Shadcn Studio 🎉 An open-source registry with copy-and-paste components, blocks, and templates! - Paired with a powerful theme editor to craft, customize, and ship faster. 🚀 - Shadcn Theme Editor & Component variants ✅ - Theme Import/Export ✅ - Save Shadcn Themes ✅ - Shadcn Component Variants ⌛ - Shadcn Figma UI Kit ⌛ - Shadcn Blocks & Templates ⌛ - Figma Plugin, AI, MCP, LLM and more.. ⌛ ➡️ Check it out here: Huge thanks to Anand Patel, Heet Bhalodiya & Aayush Makwana for their incredible work on this! 🙌 Special thanks to shadcn Sahaj 🫱🏼‍🫲🏼 We’d love to hear your thoughts and feedback from the community! Let us know what you think. 😀

Ajay Patel

85,953 views • 1 year ago

Introducing React Native Enriched Markdown – a new React Native Enriched package by Gregory Moskaliuk! 🚀 It’s a fully native Markdown renderer for React Native that makes Markdown content feel like a first-class part of your app’s UI. ⚡ Purely native performance – lightning-fast parsing with md4c and 100% native text components ✨ Native text & image interactions (select, copy, translate, save, etc.) 📝 Smart rich-text copy (HTML/RTF) + “Copy as Markdown” option 🔗 GitHub link in the 🧵. If you find it useful, a ⭐would mean a lot!

Introducing React Native Enriched Markdown – a new React Native Enriched package by Gregory Moskaliuk! 🚀 It’s a fully native Markdown renderer for React Native that makes Markdown content feel like a first-class part of your app’s UI. ⚡ Purely native performance – lightning-fast parsing with md4c and 100% native text components ✨ Native text & image interactions (select, copy, translate, save, etc.) 📝 Smart rich-text copy (HTML/RTF) + “Copy as Markdown” option 🔗 GitHub link in the 🧵. If you find it useful, a ⭐would mean a lot!

Software Mansion

26,869 views • 7 months ago

🚨 This tool just made every AI coding plugin look outdated. Cline CLI 2.0 is a completely rebuilt, open-source AI coding agent that runs entirely in the terminal. Model-agnostic, editor-agnostic, Apache 2.0 licensed, and trusted by over 5 million developers. Same core engine as the VS Code extension rebuilt for how serious development actually happens. The new interactive UI feels genuinely native. Redesigned navigation, real-time agent reasoning, model switching mid-session, all without leaving the terminal. Parallel agents let multiple Cline instances run across tmux panes simultaneously, each with fully isolated state, working different tasks on different branches without conflicts. Headless mode with the `-y` flag plugs Cline directly into CI/CD pipelines, pipe a git diff in, get a code review out. And the `--acp` flag connects to Zed, Neovim, Emacs, and any ACP-compatible editor, so there's no forced editor choice. At launch, Minimax M2.5 and Kimi K2.5 are completely free. No API key. No credit card. Zero barrier to try it. `npm install -g cline` Docs → GitHub → The future of AI coding isn't a plugin. It's infrastructure.

🚨 This tool just made every AI coding plugin look outdated. Cline CLI 2.0 is a completely rebuilt, open-source AI coding agent that runs entirely in the terminal. Model-agnostic, editor-agnostic, Apache 2.0 licensed, and trusted by over 5 million developers. Same core engine as the VS Code extension rebuilt for how serious development actually happens. The new interactive UI feels genuinely native. Redesigned navigation, real-time agent reasoning, model switching mid-session, all without leaving the terminal. Parallel agents let multiple Cline instances run across tmux panes simultaneously, each with fully isolated state, working different tasks on different branches without conflicts. Headless mode with the `-y` flag plugs Cline directly into CI/CD pipelines, pipe a git diff in, get a code review out. And the `--acp` flag connects to Zed, Neovim, Emacs, and any ACP-compatible editor, so there's no forced editor choice. At launch, Minimax M2.5 and Kimi K2.5 are completely free. No API key. No credit card. Zero barrier to try it. `npm install -g cline` Docs → GitHub → The future of AI coding isn't a plugin. It's infrastructure.

AI Frontliner

60,126 views • 6 months ago

🎉 Tailkit 4.0 is here, and I couldn't be more excited! 🙌🥳 But first - Giveaway Alert! Want to get a free Tailkit Developer license? Just drop a reply and give a like or repost (totally optional, but super appreciated). The lucky winner will be announced next Tuesday (October 8th) – good luck! Can you believe it’s already been 4 years since Tailkit’s journey started? ❤️ It feels like just yesterday I launched Tailkit 1.0 as an offline standalone web app back on October 1st, 2020. I'm really attached to this project because it was launched just a few days before I became a dad 👶😍 Fast forward to today, and Tailkit has grown into a fully customizable, feature-packed online app that gives you access to: - 550+ Tailwind CSS components (fully responsive + dark mode support) - 1,750+ Code snippets for HTML, React, Vue.js, and Alpine.js - 7 Marketing & Application Templates for HTML, React, Vue.js, and Laravel (fully responsive + dark mode support) - 10 Starter Kits for HTML, HTML with Vite, React, Vue.js, Laravel, Next.js, Nuxt, Astro, Svelte and Angular - 30 Days of Unlimited Design Service with every new Team license - Exclusive deals on third-party tools and projects - Handy helper tools like Button Builder, Color Palette, and Icon Finder - 3,700+ SVG Icons from Bootstrap and Heroicons - Free lifetime updates - Email support whenever you need it And the 4.0 update is packed with even more awesome features and upgrades: - 6 new UI components (Notifications) were added in Application UI package - 20 new UI components (Image/Content Sliders++) were added in Marketing package - React version (uses Vite) is introduced for all Templates - React code snippets were improved in all packages - Astro Starter Kit was added - Remove Dark Classes (from code snippets) option was added in App - Universal Dark Mode (preview pane can default to global dark mode) option was added in App - New preview colors (fuchsia, gray) were added in App - Heroicons v2 icons were updated to v2.1.5 adding 28+ brand new icons in App - 3 new exclusive deals are now available - UI design improvements in App - Various improvements and fixes in App - All dependencies were updated in Starter Kits - All dependencies were updated in Templates - Marketing website redesigned - Color Palette tool was made available to all I’ve put over 200 hours into this update alone, and I’m beyond excited to finally share it with you. Your continued support has made this journey possible, and I’m so grateful to have you along for the ride. 🙏 Wishing you an amazing day – remember, YOU ARE AWESOME! Go build something incredible! 🚀

John Champ

10,940 views • 1 year ago

Anthropic's most viral feature is now open-source! Until now, Anthropic's Generative UI capabilities only existed inside its own products. CopilotKit🪁 just shipped Open Generative UI, an open-source implementation of Claude Artifacts that works in any app. The agent generates HTML/SVG at runtime, and CopilotKit streams it token-by-token into a sandboxed iframe inside the app's chat. So the user can watch the UI assemble itself in real time, not after the full response is ready. The sandbox is fully isolated with no access to the parent app, the DOM, or user data. So if the agent hallucinates broken markup or unexpected JavaScript, nothing leaks outside the iframe. Under the hood, the agent does not select from pre-built components. Instead, it generates arbitrary visuals from scratch every time. The output is unconstrained by default, but you can shape it by defining prompt-based skills that teach the agent specific visual formats or guidelines. For instance, a skill prompt can guide the agent toward producing a Chart.js dashboard with proper axis labels and responsive sizing, or an interactive 3D model with rotation controls. The video below shows this in action, and the output quality you see actually comes from the skills layer. Open Generative UI runs on AG-UI, so it works out of the box with LangGraph, CrewAI, Mastra, Google ADK, AWS Strands, and more. It also ships with a standalone MCP server that plugs into Claude Code, Cursor, or any MCP-compatible client. And the entire stack is built on top of CopilotKit, the open-source frontend framework for agents and generative UI. 30k+ GitHub stars, with SDKs for React, Next.js, Angular, and Vue. I have shared the GitHub repo and a live playground in the replies!

Anthropic's most viral feature is now open-source! Until now, Anthropic's Generative UI capabilities only existed inside its own products. CopilotKit🪁 just shipped Open Generative UI, an open-source implementation of Claude Artifacts that works in any app. The agent generates HTML/SVG at runtime, and CopilotKit streams it token-by-token into a sandboxed iframe inside the app's chat. So the user can watch the UI assemble itself in real time, not after the full response is ready. The sandbox is fully isolated with no access to the parent app, the DOM, or user data. So if the agent hallucinates broken markup or unexpected JavaScript, nothing leaks outside the iframe. Under the hood, the agent does not select from pre-built components. Instead, it generates arbitrary visuals from scratch every time. The output is unconstrained by default, but you can shape it by defining prompt-based skills that teach the agent specific visual formats or guidelines. For instance, a skill prompt can guide the agent toward producing a Chart.js dashboard with proper axis labels and responsive sizing, or an interactive 3D model with rotation controls. The video below shows this in action, and the output quality you see actually comes from the skills layer. Open Generative UI runs on AG-UI, so it works out of the box with LangGraph, CrewAI, Mastra, Google ADK, AWS Strands, and more. It also ships with a standalone MCP server that plugs into Claude Code, Cursor, or any MCP-compatible client. And the entire stack is built on top of CopilotKit, the open-source frontend framework for agents and generative UI. 30k+ GitHub stars, with SDKs for React, Next.js, Angular, and Vue. I have shared the GitHub repo and a live playground in the replies!

Akshay 🚀

87,048 views • 3 months ago

Anthropic's in trouble, again! They spent years building what's now fully open-source. What made Claude feel different from a normal app is that the agent could act inside the interface instead of only talking in a chat box. For instance, Claude Artifacts let an agent render real UI, charts, dashboards, and interactive components that assemble live inside the response. Every major AI product tried to replicate it. But the problem was that unlike reasoning, planning, tool-calling, etc., none of it shipped natively with LangGraph, CrewAI, or Google ADK. So teams started building an owned version that required engineering the entire interface layer from scratch. Most teams, however, just settled for shipping the agent as a backend API in a chat box since rendering the UI is only one piece of it. To actually make it work, the interface layer also needed real-time streaming, state kept in sync between agent and UI, conversations that persist across sessions, and reconnection when a user refreshes mid-run. CopilotKit🪁 is now the only open-source framework that actually lets you build your own full-stack Claude-like apps. It decouples the agent from the interface, talking over AG-UI (an open protocol for agent-to-user communication). Being a standard protocol, the frontend never needs to know whether it is talking to a LangGraph or a CrewAI agent. You can change the backend anytime and the UI will never notice. In practice, CopilotKit's interface layer gives several pre-implemented React building blocks that wire the agent directly into the app, like: - generative UI, so the agent renders real components instead of text - chat windows, sidebars, and popups, or a fully headless setup - shared state, so the agent and app stay in sync - human-in-the-loop approvals, where the agent waits before acting - persistent threads that store the whole session, including the agent-user interactions and generated UI, not just text And because that full history is captured, those interactions can feed a self-learning layer that also improves the agent from real usage over time. The interface layer that Anthropic spent years engineering in-house is now literally available to any developer/team. CopilotKit is open-source with 30k+ GitHub stars, and AG-UI, the protocol underneath, is already supported across every major agent framework: LangGraph, CrewAI, Mastra, Google ADK, and more. CopilotKit GitHub repo → (don't forget to star it ⭐ ) If you want to go deeper, I found a detailed breakdown by Shubham Saboo recently on the three Generative UI patterns, with implementation. Read it below.

Anthropic's in trouble, again! They spent years building what's now fully open-source. What made Claude feel different from a normal app is that the agent could act inside the interface instead of only talking in a chat box. For instance, Claude Artifacts let an agent render real UI, charts, dashboards, and interactive components that assemble live inside the response. Every major AI product tried to replicate it. But the problem was that unlike reasoning, planning, tool-calling, etc., none of it shipped natively with LangGraph, CrewAI, or Google ADK. So teams started building an owned version that required engineering the entire interface layer from scratch. Most teams, however, just settled for shipping the agent as a backend API in a chat box since rendering the UI is only one piece of it. To actually make it work, the interface layer also needed real-time streaming, state kept in sync between agent and UI, conversations that persist across sessions, and reconnection when a user refreshes mid-run. CopilotKit🪁 is now the only open-source framework that actually lets you build your own full-stack Claude-like apps. It decouples the agent from the interface, talking over AG-UI (an open protocol for agent-to-user communication). Being a standard protocol, the frontend never needs to know whether it is talking to a LangGraph or a CrewAI agent. You can change the backend anytime and the UI will never notice. In practice, CopilotKit's interface layer gives several pre-implemented React building blocks that wire the agent directly into the app, like: - generative UI, so the agent renders real components instead of text - chat windows, sidebars, and popups, or a fully headless setup - shared state, so the agent and app stay in sync - human-in-the-loop approvals, where the agent waits before acting - persistent threads that store the whole session, including the agent-user interactions and generated UI, not just text And because that full history is captured, those interactions can feed a self-learning layer that also improves the agent from real usage over time. The interface layer that Anthropic spent years engineering in-house is now literally available to any developer/team. CopilotKit is open-source with 30k+ GitHub stars, and AG-UI, the protocol underneath, is already supported across every major agent framework: LangGraph, CrewAI, Mastra, Google ADK, and more. CopilotKit GitHub repo → (don't forget to star it ⭐ ) If you want to go deeper, I found a detailed breakdown by Shubham Saboo recently on the three Generative UI patterns, with implementation. Read it below.

Avi Chawla

458,882 views • 3 months ago

The community built the best AgentOS This isn’t some bloated office suite or a massive orchestration monster. It’s literally a DriftWM-like workspace app. It’s an Electron desktop app for Windows, macOS, and Linux, built specifically for working with agents across an infinite canvas. Watch the sped-up demo to see how adding agents, YOLO mode, workspace selection, window interaction, and navigation all work. The key feature is that the entire codebase is open source and includes a powerful core plugin system. You can easily build any extension on top of the main product and install plugins directly from GitHub. I built it for myself at the start of the month, and I’ve been improving it almost every day since with other enthusiasts. My entire workflow now runs on it. There’s support for Nous Research and the tools and LLMs you already know. Grok Build, Kimi K3, and OpenCode are all here. At any time, you can reconfigure your HOME space, agent setup, and active plugin list. Plugins can even let you draw agent chains as visual pipelines. The project is still very young and needs your support: - We need to improve the experience across different operating systems - We need people building plugins so we can grow a public plugin library - We need more visibility on social media to bring the community together If you wanna try it, all the links are below 👇

The community built the best AgentOS This isn’t some bloated office suite or a massive orchestration monster. It’s literally a DriftWM-like workspace app. It’s an Electron desktop app for Windows, macOS, and Linux, built specifically for working with agents across an infinite canvas. Watch the sped-up demo to see how adding agents, YOLO mode, workspace selection, window interaction, and navigation all work. The key feature is that the entire codebase is open source and includes a powerful core plugin system. You can easily build any extension on top of the main product and install plugins directly from GitHub. I built it for myself at the start of the month, and I’ve been improving it almost every day since with other enthusiasts. My entire workflow now runs on it. There’s support for Nous Research and the tools and LLMs you already know. Grok Build, Kimi K3, and OpenCode are all here. At any time, you can reconfigure your HOME space, agent setup, and active plugin list. Plugins can even let you draw agent chains as visual pipelines. The project is still very young and needs your support: - We need to improve the experience across different operating systems - We need people building plugins so we can grow a public plugin library - We need more visibility on social media to bring the community together If you wanna try it, all the links are below 👇

KISA aka Copenzafan.eth

15,229 views • 11 days ago