💡

Generative UI 事例 - AI駆動UIと動的UIのプロダクト例

Google Gemini Dynamic View、Vercel v0、Amazon Rufusなど、AIが文脈に応じてUIを生成・更新する実例を紹介。生成AI時代のUI設計とパーソナライズを理解できます。

7 件
💡事例

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
サイトを見る
💡事例

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
サイトを見る
💡事例

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
サイトを見る
💡事例

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
サイトを見る
💡事例

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
サイトを見る
💡事例

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
サイトを見る
💡事例

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
サイトを見る

Generative UI、GenUI、生成AI UIデザインの厳選リソース集。

Made with ❤️ community