💡案例

Google Gemini 3 - 动态视图与可视化布局

Google 已在 Gemini 3 中实装 Generative UI 功能（内部称"动态视图"和"可视化布局"实验）。根据 Google 官方博客，Gemini 3 AI 模式可"生成沉浸式视觉布局和交互式工具与模拟"，完全根据用户查询即时生成界面。动态视图可让 Gemini 3 为每个提示"设计并编码一个完全定制的交互式响应"，可视化布局则生成"杂志风格"的沉浸式多媒体界面。

googlegeminidynamic-view

作者 Google · 2025-11

访问网站

💡案例

Google Search AI 模式

随着 Gemini 3 在 Search 中上线，AI Mode 新增了 Generative UI 体验。Google 搜索团队表示，Gemini 3 在搜索中可动态创建理想的视觉布局，并附带交互式工具与模拟，针对用户问题量身定制界面。例如，搜索复杂概念时，用户不仅获得文字答案，还可看到动态图表或模拟工具（如可以实时调节参数的计算器）。

googlesearchai-mode

作者 Google · 2025-11

访问网站

💡案例

Vercel v0

Vercel 的 v0.dev（2023 年内测）能将简短文本提示转换为可交互的前端原型。可从文本描述或图像生成 React/Tailwind UI 组件，展示了文本生成 UI 的前景。

vercelcode-generationreact

作者 Vercel · 2023-10

访问网站

💡案例

Amazon Rufus - 对话式购物助手

亚马逊推出了对话式购物助手"Rufus"，通过对话直接按意图生成界面（如商品推荐卡片、过滤选项等），突破传统关键词搜索模式。

amazonrufuse-commerce

作者 Amazon · 2024-02

访问网站

💡案例

Vercel AI SDK - 生成式 UI

Vercel 的 AI SDK 支持从大语言模型流式传输 React 组件，让 AI 实时生成交互式 UI 组件。

vercelreactstreaming

作者 Vercel

访问网站

💡案例

bracesproul/gen-ui - LangChain.js 生成式 UI 演示

一个基于 LangChain.js 和 Next.js 构建的开源示例项目，用于演示如何快速搭建 Generative UI 应用。项目说明写道："此应用旨在为使用 LangChain.js 构建 Generative UI 应用提供模板"。

langchainnextjsopen-source

作者 bracesproul

访问网站