💡

Generative UI Examples - Gemini Dynamic View, Vercel AI SDK & v0

Explore real-world Generative UI examples from Gemini Dynamic View, Google Search AI Mode, Vercel AI SDK, v0, Claude Artifacts, Figma Make, Canva Code, and Amazon Rufus.

12 items
💡Cases

Google Stitch: Real-Time AI-Native UI Design

Google Labs' Stitch is a strong design-time GenUI case rather than a chat-only coding demo. In its May 19, 2026 official update, Google describes Stitch as a live collaborative design system where an agent streams UI work directly onto an infinite canvas, lets users steer iterations before they finish, and exports the resulting screens toward production.

googlestitchdesign-tool
by Google Labs · 2026-05
Visit Site
💡Cases

Google Gemini 3 - Dynamic View & Visual Layout

Google has implemented Generative UI features in Gemini 3 (internally called "Dynamic View" and "Visual Layout" experiments). According to Google's official blog, Gemini 3 AI Mode can "generate immersive visual layouts and interactive tools and simulations", completely generating interfaces on-the-fly based on user queries. Dynamic View allows Gemini 3 to "design and code a fully custom interactive response" for each prompt, while Visual Layout generates "magazine-style" immersive multimedia interfaces.

googlegeminidynamic-view
by Google · 2025-11
Visit Site
💡Cases

Google Search AI Mode

With Gemini 3 launching in Search, AI Mode has added Generative UI experiences. Google Search team states that Gemini 3 in search can dynamically create ideal visual layouts with interactive tools and simulations, tailoring interfaces to user questions. For example, when searching for complex concepts, users not only get text answers but can also see dynamic charts or simulation tools (like calculators with real-time adjustable parameters).

googlesearchai-mode
by Google · 2025-11
Visit Site
💡Cases

OpenAI Apps SDK: Interactive Apps inside ChatGPT

OpenAI's October 2025 Apps SDK launch is a mainstream Generative UI case because apps now live directly inside ChatGPT conversations. The official announcement describes apps that respond to natural language and render interactive interfaces inside the chat, including maps, playlists, presentations, courses, shopping, and travel surfaces. The SDK extends MCP so developers can define both app logic and interface, making it a concrete reference for conversational products that need native-feeling UI rather than links out to another app.

openaichatgptapps-sdk
by OpenAI · 2025-10
Visit Site
💡Cases

Claude Artifacts: Shareable AI-Powered Apps

Anthropic's July 2025 Claude Artifacts update turns the artifact panel into a lightweight app surface. Claude can create artifacts that call Claude through an API, host them, and make them shareable while end users authenticate with their own Claude accounts. It is a useful case because generated UI becomes persistent, editable, and usable by other people, not just a one-off preview beside a chat.

anthropicclaudeartifacts
by Anthropic · 2025-07
Visit Site
💡Cases

Figma Make: Prompt-to-App Prototyping

Figma Make became available to all users in July 2025 and is one of the clearest design-tool cases for Generative UI. Figma describes it as a prompt-to-app tool for creating interactive, high-fidelity prototypes and web apps, with newer support such as imported design libraries and Supabase-connected prototypes. It belongs in the case collection because it shows GenUI moving upstream into product discovery, alignment, and design-engineering collaboration.

figmafigma-makeprompt-to-app
by Figma · 2025-07
Visit Site
💡Cases

Canva Code: Prompted Interactive Design Elements

Canva Code is a strong creator-platform case for Generative UI. At Canva Create 2025, Canva introduced a workflow where users describe an interactive element such as a pricing calculator, quiz, or mini-game, and AI builds it directly inside Canva. The generated element can then be reused across designs, websites, presentations, docs, and other Canva surfaces, making GenUI available to non-developers in everyday creative work.

canvacanva-codeinteractive-design
by Canva · 2025-04
Visit Site
💡Cases

Amazon Rufus - Conversational Shopping Assistant

Amazon launched the conversational shopping assistant "Rufus", which directly generates intent-based interfaces (such as product recommendation cards, filter options, etc.) through conversation, breaking through the traditional keyword search model.

amazonrufuse-commerce
by Amazon · 2024-02
Visit Site
💡Cases

v0 by Vercel

Vercel's v0.dev (beta since 2023) can convert short text prompts into interactive frontend prototypes. It generates React/Tailwind UI components from text descriptions or images, demonstrating the prospect of text-to-UI generation.

vercelcode-generationreact
by Vercel · 2023-10
Visit Site
💡Cases

GitHub Spark: Natural-Language Full-Stack Apps

GitHub Spark is a public-preview case of prompt-to-app generation inside the GitHub ecosystem. It helps users transform ideas into full-stack intelligent apps, iterate with natural language, clickable controls, or code, see live previews while building, and publish with one click to GitHub-backed hosting. For Generative UI, Spark is notable because it treats AI-generated UI as part of a deployable mini app with auth, repo handoff, and production workflow context.

githubsparkfull-stack
by GitHub
Visit Site
💡Cases

Vercel AI SDK - Generative UI

Vercel's AI SDK enables streaming React components from LLMs, allowing AI to generate interactive UI components in real-time.

vercelreactstreaming
by Vercel
Visit Site
💡Cases

bracesproul/gen-ui - LangChain.js Generative UI Demo

An open-source demo project built with LangChain.js and Next.js for demonstrating how to quickly build Generative UI applications. The project description states: "This app is intended to provide a template for building Generative UI applications using LangChain.js".

langchainnextjsopen-source
by bracesproul
Visit Site

A curated collection of Generative UI resources.

Made with ❤️ by the community