Overview of Generative UI and Agentic Frontends
mainGenerative UI (Gen UI) allows LLMs to emit rich, interactive frontend components rather than just plain text. In these applications, the model determines the appropriate UI to display, and the frontend renders actual functional components that users can interact with (click, edit, respond). This closes the loop between the agent's reasoning and the user interface.
This repository provides templates for several common Gen UI implementation patterns:
- AG-UI / CopilotKit: Uses a streaming agent ↔ UI protocol designed for React applications.
- Vercel AI SDK: Utilizes
streamUIand React Server Components to generate UI. - LangChain / LangGraph UI: Renders structured tool calls as interactive components.
- Custom tool-call → component renderers: Minimal DIY patterns for implementing Gen UI in any framework by mapping tool calls to specific component renders.