颜色
完整调色板与语义变量。
组件和块
BoardUI中的每个组件、块、图表和模板， 97 总共。的 62 免费的已经在这个项目中作为源；每张卡都会在 boardui.com 上打开其文档，其中包含安装命令和属性。
基础规范
2支撑整个系统的设计变量。查看 颜色
DisplayTitleHeadlineBody regularMono caption
字体排版
字体层级、字重与文字样式。
基础组件
49日常开发的基础组件。手风琴
原地展开的常见问题和设置。
公告
可关闭的产品公告横幅。
M
头像
支持用户照片，缺省时显示姓名首字母。
面包屑导航
支持折叠层级的导航路径。
按钮
主要、次要与危险操作。
按钮组
连成一组的可选按钮。
轮播
支持吸附滚动、箭头与圆点导航的卡片轮播。
复选框
动态勾选效果、卡片变体与两种尺寸。
已完成等待+14.8%已确认失败审核中v2.4.0吃水直播-3.2%贝塔已存档
标签
可移除的紧凑筛选标签。
关闭按钮
精心设计的小小关闭按钮。
命令面板
所有页面和操作，尽在 ⌘K。
Token 输入框
@ 提及和 / 命令都是 token。
Q3 report.pdf2.4 MB
右键菜单
带子菜单的右键操作。
颜色选择器
凭眼睛、十六进制或预设来选色。
组合框
输入筛选列表，然后选择。
2026年11月
| 一 | 二 | 三 | 四 | 五 | 六 | 日 |
|---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 |
日期日历
放在页面上、用于选择日期和范围的月历。
M
梅尔特坎·埃斯梅古尔
hi@mertcan.works
30 分钟介绍会议
让我们讨论您的设计需求以及我们如何合作🥳
30分钟英语
2026年8月
| 一 | 二 | 三 | 四 | 五 | 六 | 日 |
|---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
日期选择器
用于选择单个日期的弹出式日历。
或
分隔线
单线、双线与填充式内容分隔线。
Filters
Narrow the customer list.
Status
抽屉
从任意边缘打开的侧边面板和底部面板。
下拉菜单
可组合的菜单，适用于团队、模型与操作。
拖放上传或 选择
PDF, JPG, PNG, XLSX （最大 8 MB)
上传中 ...
上传成功！
文件上传
拖放文件、验证并跟踪上传进度。
图标按钮
仅显示图标的方形操作按钮。
输入框
支持附加内容与验证的文本输入框。
验证码输入框
支持粘贴与自动填充的一次性验证码输入框。
链接按钮
采用链接样式的行内文字操作。
Storage72%
Seats84%
API requests96%
计量条
相对上限的用量，随填充改变色调。
Delete project?
Acme Dashboard and its 24 files will be deleted for everyone. You can't undo this.
模态框
在变暗的页面上显示的对话框和警报对话框。
通知
包含图标、头像与操作的状态通知。
Seats
Discount
数字输入框
带步进、单位和上下限的数字。
分页
支持省略长列表的页码导航。
弹出框
锚定在触发器上的丰富内容，箭头可选。
Uploading64%
进度
进度条与进度环，可确定也可扫动。
单选框
渐变选中圆点、卡片变体与两种尺寸。
分段控件
带有滑动胶囊指示器的选项切换控件。
搜索框
输入即筛选，Escape 清除。
选择框
支持搜索的单选列表框。
骨架屏
以模糊过渡变为真实内容的占位。
滑块
支持单值与最小值／最大值范围选择。
第三方登录按钮
支持 24 个第三方平台的登录按钮，包含各平台标志。
加载动画
表示处理中的层叠环绕光效。
开关
带有弹簧动画的开关。
| Name | Role | Status |
|---|---|---|
| Olivia Rhye | Product Designer | Active |
| Phoenix Baker | Engineer | Active |
| Lana Steiner | Design Lead | Invited |
| Demi Wilkinson | Frontend Engineer | Active |
表格
支持列排序与固定表头。
组件48
组合组件6
图表
选项卡
下划线与胶囊样式的选项卡列表。
Topics
DesignEngineeringMarketingSalesSupport
BugFeature
标签组
可用于筛选、挑选或移除的标签。
0/120
多行文本框
支持自动增高与字符计数的多行输入框。
Opens
Closes
时间输入框
逐段输入的时间。
轻提示
随处调用 toast()，自动堆叠和计时。
树形视图
支持选择和键盘导航的嵌套文件夹。
提示框
悬停或获得焦点时显示定位提示。
组合组件
18开箱即用的组合组件。思考
搜索文档
读取文件
写下答案
智能体思考状态
用于对话输入框的智能体思考状态指示器。
输入框加载状态
输入框工作时显示环绕光带。
身份验证卡片
支持第三方登录的登录与注册组件。
网页搜索
展示智能体访问来源的研究过程。
任务列表
逐步展示智能体的实时日志。
智能体额度
上下文窗口与方案用量限制。
智能体任务进度
可折叠的多步骤 AI 任务进度。
日历
带有事件胶囊的全月视图。
数据网格
支持选择、筛选和实时汇总的可编辑电子表格。
总结果
48 顾客
| 购买 | 状态 | 行动 | |||
|---|---|---|---|---|---|
| 约翰·克拉克森 | 发送失败 | 2026年9月5日 | $3.412 | ||
| 阿斯彭·鲁宾 | 发送失败 | 2026年3月25日 | $1.899 | ||
 迈克尔·埃克斯特罗姆 | 已发货 | 2026年8月1日 | $2.752 | ||
| 基安娜·瓦卡罗 | 已发货 | 2026年4月2日 | $145 | ||
 利维娅·萨里斯 | 发送失败 | 2026年11月14日 | $708 |
数据表格
已集成筛选、选择与分页功能。
通知
4 unread
莉维亚提到过你
2m
您可以在我们发布仪表盘之前查看新的空状态吗？
工作区备份已准备就绪
18m
7 月 23 日的备份已成功完成并可供下载。
您加入了“海洋计划”
1h
玛丽亚将您添加为编辑。您现在可以访问所有项目文件。
杰登请求您的评论
周一
拉取请求 #284 更新通知首选项流程。
安全检查完成
周日
未发现暴露的凭据或易受攻击的依赖项。
预览部署失败
周六
验证应用程序路由时构建停止。
通知中心
包含选项卡与操作的分组活动收件箱。
目前计划
超 149 美元/月
您的使用量是普通用户的 7 倍。
限制
您的使用量是高级版的 7 倍
请求请求
评论提供者
选择Github或其他提供商进行评论
公关目的地
打开应用程序内的拉取请求链接
通知
关键要求
当模式需要做出关键决策时收到通知
系统通知
当客服人员完成任务时显示基本通知
完成声音
任务完成音效
发送警报
当 BoardUI 向您发送消息时，在您的手机上推送通知
设置对话框
在受控对话框中展示多页设置。
侧边栏
包含团队菜单的浮动应用导航。
总收入
$152,313.92
从上个月开始
16%指标卡片
带有变化标签或底部信息栏的 KPI 卡片。
图表
18用于仪表盘的数据卡片。Revenue
$152,314
+16%$131,304 last year
- This year
- Last year
营收图表
通过面积图与虚线对比今年和去年。
活动圆环
Apple 风格的同心进度圆环。
面积图
堆叠、重叠或百分比面积图。
条形列表
包含占比条与选项卡的排名明细列表。
组合图表
使用独立坐标轴的条形图与折线图。
贡献记录
GitHub 风格的活动热力图。
收入图表
支持周期对比的条形图。
漏斗图
包含渐缩阶段与转化标签的流程漏斗图。
热力图
采用主题色阶的矩阵热力图。
最活跃的日期
与圆环联动的星期条形图。
雷达图
填充、点状、线状与评分雷达图。
径向图
圆环、仪表与堆叠半圆仪表图。
折线图
柔和填充区域上的平滑或折角线条。
桑基图
包含彩色连线与占比的流向图。
散点图
展示关联性的散点，可通过大小呈现为气泡图。
睡眠评分
包含分项评分的径向仪表图。
阶段条形图
以圆角横条展示漏斗阶段。
步数图表
包含目标标记的每日步数。
模板
10完整页面，功能已集成。聊天入门模板
免费的聊天应用，可使用自己的模型密钥部署。
AI 聊天
包含代码面板与对话输入框的完整聊天应用。
AI 图像生成
带有生成框架和画廊面板的提示线程。
AI 个人资料
包含热力图与图表的贡献者资料。
财务仪表盘
现金流桑基图、支出环形图与交易表格。
主页仪表盘
关键指标、营收趋势与客户表格。
营销仪表盘
获客漏斗、支出图表与营销活动表格。
医疗档案
包含健康图表的患者概览。