Shadify: generative UI to React exporter
CopilotKit released Shadify, an open-source generative UI tool built on ShadCN that lets LangChain agents compose UIs from descriptions and export React code. It’s another step toward agent-assisted front-end scaffolding that exports usable components. (x.com)
The public Shadify repository maintained by Tyler Slaton describes the project as a "Hashbrown + CopilotKit Starter Template" for generating shadcn components from model outputs and wiring that flow through a LangGraph agent. (github.com) Hashbrown is positioned as the TypeScript-first generative-UI framework that exposes frontend components, streams structured model output, and lets models select or populate registered React or Angular components at runtime. (hashbrown.dev) CopilotKit’s docs and blogposts show first-class support for agent-driven generative UI and explicit LangGraph examples, including walkthroughs that connect LangGraph agents to a CopilotKit frontend for live UI rendering. (copilotkit.ai) Shadcn/ui — the component system Shadify targets — is a production-focused, Tailwind-styled, Radix-powered library whose docs highlight copy-paste-ready components and a design system aimed at fast, TypeScript-first integration. (ui.shadcn.com) CopilotKit’s OpenGenerativeUI showcase repository demonstrates agent-generated interactive outputs (HTML/SVG) rendered inside sandboxed iframes via the CopilotKit runtime and AG-UI event protocol, providing live examples of agent → UI pipelines. (github.com) The Shadify README explicitly frames the repo as an exploration of streaming structured model output into React UIs using Hashbrown, then wiring that stream through CopilotKit and a LangGraph agent for coordinated, stateful rendering. (github.com) Hashbrown’s structured-output schema model and CopilotKit’s AG-UI/Shared-State streaming (bidirectional state sync between agent and React) are the two technical primitives Shadify stitches together to let an agent pick components and drive UI updates in real time. (hashbrown.dev) (docs.copilotkit.ai)
