这是个令人惊叹的网站 https://beautiful-ui-five.vercel.app

Beautiful UI — 为AI原生界面打造的精巧组件库

来源：https://www.beautifului.dev/
01

加载状态

带微光效果和计时显示的像素网格加载器。

02

思考过程

可展开的追踪轨迹——呈现步骤、推理、搜索、编码全过程。

03

流式文本

支持内联来源、操作按钮和后续建议的流式输出文本。

04

审批卡片

智能体执行前发起人机交互确认的问题卡片。

05

工具芯片

以紧凑芯片形式展示的代码编辑与工具调用。

06

任务行

实时显示智能体任务状态——运行中、失败、已完成。

07

对话面板

带推理回复和输入区的标签式对话界面。

08

提示栏

集成@来源引用、/命令、模型选择和语音输入的复合输入框。

09

推荐卡片

带有置信度计量器和操作按钮的智能体建议卡片。

10

上下文卡片

附带来源的知识检索片段。

11

差异表格

智能体提议的编辑在表格数据中的对比视图。

12

记录表格

带标签、排序和关系状态的CRM风格数据网格。

13

筛选表格

通过状态芯片动态重组实时数据的表格。

15

搜索

支持实时过滤和空状态展示的命令搜索功能。

16

洞察卡片

分页展示的智能体分析洞察，配套可拖动的实时图表。

17

代码块

智能体编写的代码逐行流式呈现。

18

微调卡片

在检查器中调整设计属性的智能体工具。

19

选中操作

高亮文本段落并交由智能体重写的交互功能。