Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

sneak-peek:🎈@partykit/react, the one framework to rule them all - Real-time React Server Components! - Keep business/rendering logic on the server, send UI over the wire in real-time - Zero API setup - one party per user, or per shared session, or even the whole world (scales to thousands of...

142,949 Aufrufe • vor 2 Jahren •via X (Twitter)

10 Kommentare

Profilbild von sunil pai
sunil paivor 2 Jahren

This POC is powered by a fork of waku (by @dai_shi and co, thanks for a great lib!). There's a lot of work for it to be production ready, but I'm sharing this early peek to get a vibe check. Tell me what you think!

Profilbild von sunil pai
sunil paivor 2 Jahren

The technique here is pretty general, I bet I could get it working with other meta frameworks too. I’ll bother those authors after this is in a better place.

Profilbild von sunil pai
sunil paivor 2 Jahren

Thanks thanks thanks. I was shaking when I got it working at 4 in the morning lol, it’s so fun to see regular react work like this

Profilbild von joel ⛈️
joel ⛈️vor 2 Jahren

this is fuckin dope

Profilbild von sunil pai
sunil paivor 2 Jahren

🥰 thanks thanks

Profilbild von swyx 🔜 @aidotEngineer NYC
swyx 🔜 @aidotEngineer NYCvor 2 Jahren

this is big fkin news

Profilbild von sunil pai
sunil paivor 2 Jahren

anything to find pmf

Profilbild von Matt Pocock
Matt Pocockvor 2 Jahren

Damn dude

Profilbild von Mike Frieze
Mike Friezevor 2 Jahren

So we could use tanstack-router with this as well? I was already interested in something like waku + tanstack-router. I am so excited about the future of react.

Profilbild von sunil pai
sunil paivor 2 Jahren

not sure, does tanstack router have an rsc story yet? might not be too hard to get it to fit in

Ähnliche Videos

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

460,282 Aufrufe • vor 3 Monaten

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 Aufrufe • vor 4 Monaten