What is generative UI?
Generative UI is interfaces produced by language models at runtime. Components are streamed from LLM output and rendered as real UI, not text. The model picks the form alongside the content: a chart for numbers, a form for input, a list for choices.
- Form chosen by the designer at build time
- Static templates, deterministic outcomes
- Same screen for every user, every request
- Changes ship through a release cycle
- Form chosen by the model at inference time
- Runtime components, probabilistic outcomes
- Different shape per user, per request
- Changes ship by editing the prompt or the catalog
Latest
What we published most recently.
מה זה Generative UI? המדריך המלא
כל מה שצריך לדעת על מערכות AI שמייצרות רכיבי UI אינטראקטיביים, לא רק טקסט.
Generative UI לעומת UI מסורתי: ההבדלים המרכזיים
כיצד ממשקים גנרטיביים שונים מ-UI קונבנציונלי ומתי כל גישה מתאימה.
בניית Generative UI ראשון עם Vercel AI SDK
מדריך צעד-אחר-צעד ליצירת ממשק מבוסס AI ראשון עם רכיבי סטרימינג.
Field guide
Six tracks across the generative-UI landscape. Pick by where you are — engineer mid-build, designer mapping patterns, PM evaluating, or executive sizing the bet.
Runtimes & SDKs
Vercel AI SDK, CopilotKit, Tambo, Thesys C1, A2UI — how each one streams components, where the seams are, and what production looks like.
Patterns & components
Interaction patterns for LLM-rendered UI — disclosure, repair flows, tool confirmations, and the design questions GenUI raises.
Production engineering
Observability, performance, testing, accessibility. What it takes to put a streaming, LLM-rendered interface in front of users and keep it up.
RAG & tool use
Retrieval-augmented generation, tool calling, agent workflows. Patterns that move generative UI past static catalogs into real action.
State of the field
Market state, vendor landscape, adoption curves. What is and isn't shipping in production right now — for evaluation, scoping, and bets.
Getting started
What generative UI is, who it's for, when it makes sense to adopt. The entry-level primer for anyone new to the term.
Written for engineers, designers, product managers, and executives working on or evaluating generative UI. Topic-organised navigation and per-role filters are on the roadmap.
State of generative UI — runtimes at a glance
Five production-grade options, compared on stack, streaming model, openness, and maturity.
Vercel AI SDK
MatureTypeScript · RSC / Vue
Streaming React/Vue components with first-class tool use. The default for new Next.js and Nuxt apps.
CopilotKit
MaturingTypeScript · React Hooks
Drop-in copilot hooks and UI primitives. Strong for adding an assistant to an existing app.
Tambo
EarlyTypeScript · React catalog
Component catalog the model picks from. Useful when the design system is the unit of generation.
Thesys C1
MaturingHosted API · any client
Hosted API that returns ready-to-render UI. Trades infra ownership for time-to-first-screen.
A2UI (Google)
EarlyJSON spec · renderer-agnostic
Open JSON schema for renderer-agnostic UI from agents. Cross-runtime, very early.
קוד פתוח
Markdown בסטרימינג בלי הבהוב
רנדררים פשוטים המבוססים על innerHTML מפרקים את ה-DOM בכל טוקן — וגורמים להבהוב, לאיבוד פוקוס ולקריסת layout. Generative DOM משווה את ה-AST ומעדכן רק את מה שהשתנה: עד 90× פחות עבודה על ה-DOM, ללא הבהוב.