AI UX PlaygroundNewsletterJoin 2K+ AI designers and PMs on Substack. New teardowns, patterns, and prompts as they drop.

Outputs

Generative UI

The model returns interactive UI (cards, forms, tables, charts) instead of only prose. People act on the answer in place instead of copy-pasting into another tool.

Interactive demo

Generate UI

Describe a component; the model renders a live preview.

Enter a prompt to generate UI

Overview

How might we design generative ui so people can trust and act on AI output?

When to use

  • Perfect for rapid prototyping tools, design systems, dashboard builders, and low-code platforms where speed from concept to UI is critical.

When to skip

  • Simple Q&A where text is enough and generated widgets add noise.
  • Strict design-system products that cannot safely render arbitrary generated components.
  • High-security forms where model-authored fields would be unpredictable or unsafe.

Rules

  • Generating non-interactive mock UI that looks clickable but does nothing.

  • Inconsistent components that break layout or accessibility every turn.

  • No way to fall back to text or copy structured results out of the widget.

  • Regenerating the whole UI on every keystroke with no stable state.

Evidence

ProductImplementation
ChatGPTCan render interactive canvases, tables, and app-like blocks inside chat.
GeminiProduces structured maps, tables, and actionable layouts for research and planning.
Vercel / AI SDK demosStreams generative UI components tied to tool results.
CursorSurfaces interactive diffs, plans, and structured agent artifacts beyond plain chat.

Real-world examples

See all

FAQ

What is generative UI?

Generative UI means the AI outputs interactive interface pieces (forms, cards, tables, charts, or controls) so users can act on results in the product instead of only reading prose.

When should I use GenUI instead of markdown?

Use GenUI when the next user action is clearer as a control (pick an option, edit a field, sort a table) than as copied text. Prefer markdown for explanations, narratives, and copy-out answers.

What are the main GenUI risks?

Unstable layouts, inaccessible controls, unsafe generated actions, and widgets that look interactive but are not. Constrain components to a trusted design system and keep a text fallback.