Button
所有变体、色调与动画
动效组件
132 个免费组件，让应用界面活起来：滚动的数字、堆叠的 toast、滑动的标签页、抖动的输入框。CSS 优先，尊重减弱动态效果，浅色深色皆可。按触发动作筛选。
Ctrl K
132 个组件
Core UI 30
浏览Playground免费
Badge
各种样式的状态
Card
带强调色的分层卡片
Input
标签、图标与状态
Avatar
状态、光环与群组
Alert
带操作的行内提示
Tabs
六种标签样式，一套 API
Switch
五种外观的开关
Checkbox & Radio
复选框、单选与卡片
Separator
带标签的分隔线
Breadcrumb
整齐折叠的路径
Pagination
页码、每页条数与跳转
Heading
带动效的标题字体
Text
带预设的正文字体
Link
七种下划线样式
Kbd
按下会反应的按键
Stat Card
带趋势的指标
Select
可搜索、分组、多选
Dialog & Sheet
对话框与抽屉
Tooltip
带快捷键的丰富提示
Popover
悬浮面板
Dropdown Menu
带子菜单的菜单
Combobox
异步结果搜索
Date Picker
日期、范围与时间
Multi-step Form
带校验的分步向导
Number Input
带格式的步进器
Rating
支持半星的评分
Toggle Group
单选或多选
Table
排序、堆叠、行着色
Data Grid
编辑、固定、导出
数字与数据 8
浏览Number flow
数字滚动到新值
Counter up
滚动到可见时开始计数
Usage meter
用量将满时发出警告
Progress
各种样式的进度条
Circular progress
圆环与仪表
Sparkline draw
自己绘制的迷你图
Delta badge
涨跌一目了然
Cell flash
数值变化时单元格闪烁
反馈 7
浏览Toast stack
堆叠并展开的通知
Notification badge
弹出并跳动的计数
Skeleton auto
按真实布局生成骨架屏
Spinners
六种加载器，一个属性
Multi-step loader
长任务，逐步展示
Confetti
一阵庆祝彩带
Success check
带爆发效果的对勾
导航 6
浏览Tabs indicator
指示条在标签间滑动
Segmented control
iOS 风格滑动开关
Stepper
步骤逐步填满并打勾
Dock
会放大的 macOS Dock
Bottom navigation
带滑动药丸的移动标签栏
Command palette morph
搜索框变成命令面板
浮层 5
浏览Morphing dialog
卡片展开为对话框
Spring drawer
可拖动关闭的弹簧面板
Popover morph
按钮长成面板
Animated tooltip
弹出时带弹性的提示
Stagger dropdown
菜单项依次出现
列表与表格 6
浏览Accordion height
高度平滑，不跳动
List reorder
拖拽排序，带弹性
Table row presence
行的进出动画
Animated list
新项从顶部推入
Tree expand
文件夹层层展开
Expandable row list
原地展开的行
输入 10
浏览Tag input
带建议的标签
OTP input
自动跳格的验证码
Floating label input
聚焦时标签上浮
Vanish input
轮换并消失的占位文字
Input shake
出错抖动，成功打勾
Spring switch
带弹性滑块的开关
Drawn checkbox
对勾自己画出来
Slider with tooltip
实时显示数值的范围滑块
Expanding search
需要时才展开的搜索
File drop zone
带上传进度的拖放区
按钮 10
浏览Shimmer button
一道光扫过按钮
Ripple button
墨迹从点击处扩散
Rainbow button
流动的彩虹边框
Border beam button
光束绕边环行
Magnetic button
被光标吸引
Stateful button
内置加载、成功、失败
Copy button
复制后对勾变形
Hold to confirm
高风险操作长按确认
Liquid glass button
带滑动透镜的磨砂玻璃
Theme toggle
圆形擦除切换亮暗
文字 9
浏览Text reveal
文字从模糊中显现
Typewriter
打字并删除短语
Word rotate
一个词不断更替
Shiny text
掠过文字的光泽
Gradient text
动态渐变标题
Scramble text
字母解码归位
Highlighter
手绘荧光笔笔触
Text morph
字母变形成新词
Scroll velocity
越滚动越快的文字
卡片与效果 6
浏览Spotlight card
光跟随指针
Tilt card
带层次的 3D 倾斜
Border beam
光沿卡片边缘流动
Glow border
柔和的动态光晕
Progressive blur
内容渐渐融入模糊
Expandable card
原地展开的卡片
背景 5
浏览AI 与 agent 16
浏览Chat message
支持 Markdown 与操作的消息
Streaming text
流式输出的文字
Tool call
带状态的工具调用
Reasoning block
可展开的思考过程
Model picker
按速度和价格选模型
Chat composer
支持文件与命令的输入框
Citations
行内引用来源
Agent plan
实时的智能体清单
Token meter
看上下文逐渐填满
Voice orb
随声音律动的光球
Diff view
逐块审阅改动
Code block
高亮代码，一键复制
Suggestion chips
提示词起手式
Thread list
可搜索的聊天记录
Eval score
对照阈值的评分
Typing indicator
对方正在输入
图表 14
浏览Area chart
可拖动查看的面积趋势
Line chart
逐渐画出的折线
Bar chart
分组或堆叠柱状图
Donut chart
占整体的比例
Radial progress
同心目标环
Heatmap
活跃度一目了然
Funnel chart
用户在哪里流失
Gauge
表盘上的一个数字
Bump chart
排名随时间变化
Treemap
用方块表示大小
Timeline chart
用于计划的甘特图
Waterfall chart
起伏直到总计
KPI trend
数字加迷你趋势线
Chart legend
点击隐藏某个系列