shadcn-hub
HomeOfficial Components64Live GalleryLive
Design Tools
/
Star on GitHub
shadcn-hub100% Strictly Implemented
Visitor Analytics
|
Site Visitor Counter
Star on GitHubMIT License

BeautifulUI

美学组件库

Overview

Overview

Components

Accent Highlights
Glow
Glassmorphic Cards
Glass
AI HITL Cards
HITL

BeautifulUI · AI-Native 原生交互组件

收录自 beautifului.dev 官方核心:专为自主智能体打造的 Human-in-the-Loop (HITL) 决策卡、工具调用芯片与上下文块

01. Human-in-the-Loop (HITL) 审批决策卡

当 AI 智能体提议执行高危或高成本操作(如合并代码、推送部署、修改数据库)时的人机协作确认卡

待用户人工决策:执行生产环境部署
需要批准 (HITL)
AI 智能体已完成本地 48 个页面编译与单元测试,请求将代码推送到生产发布流水线。
src/components/ui/data-table.tsx+305 lines
src/components/ui/date-picker.tsx+218 lines
超时自动保留草稿: 14:59

02. Tool Chips & Function Results 工具调用状态芯片

将智能体自主调用的工具(Tool Use)、耗时与返回值呈现为直观的高密度芯片条

QueryPostgres()42ms · 18行
WebSearch("beautifului")128ms · 5条
RunLintCheck()执行中...

03. Context Chunks 上下文分块卡片

用于 RAG(检索增强生成)场景中展示向量数据库召回的代码片段与相似度评分

Chunk #01 · Button.tsx相似度 94.2%

定义了原生 Tailwind v4 的 cva 样式变体,包含 default, outline, ghost 等视觉基元。

Chunk #02 · Table.tsx相似度 88.7%

基于 Base UI 原生规范驱动的响应式表格外容器与表头定义。