一覧へ戻る
💡事例

v0 by Vercel

Vercel
2023-10

概要

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.

要約

v0 Key Features:

1. Text-to-UI: Converts natural language descriptions into working React components
2. Image-to-Code: Can generate UI from uploaded design images
3. React/Tailwind: Outputs production-ready React components with Tailwind CSS
4. Iterative Refinement: Users can refine generated UIs through follow-up prompts
5. Instant Preview: Live preview of generated interfaces

Technology: Uses AI models trained on design patterns and component libraries to generate semantic, accessible code

タグ

vercelcode-generationreactprototype

関連記事

💡事例

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

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

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

Made with ❤️ community