搜索组件…
分类
@official
Atelier 官方组件库，由站点维护者编写和审核。
多系列平滑折线/面积图，支持悬浮十字准线、图例开关与描线动画。
半圆仪表盘，带指针或弧形填充、阈值色带与 meter 语义。
GitHub 风格贡献日历，支持悬浮提示与键盘漫游。
无障碍轮播，支持拖拽滑动、键盘、圆点与自动播放。
可折叠 JSON 树，带语法着色、复制值/路径与长字符串展开。
并排/统一文本差异对比，含行号与词级高亮。
语义化键值详情列表，支持三种布局、复制、徽标与链接。
转化漏斗图，显示阶段数值、占比与流失率。
桌面应用风格菜单栏，支持子菜单、复选/单选项、快捷键和完整键盘操作。
头像触发的账户菜单，含资料头部、链接、主题切换和退出登录。
紧凑的语言选择器，提供下拉列表框和行内分段两种样式。
可折叠的多级导航树，支持方向键导航、徽标和受控选中。
仅图标的窄侧边栏，带提示、滑动指示器和可展开标签。
垂直多步骤进度导航，支持完成、当前、待办、错误状态和可展开内容。
侧边栏头部的工作区切换下拉，含套餐徽标、创建入口和搜索。
吸顶二级导航，滚动联动高亮当前章节，点击平滑滚动。
支持搜索、可删除标签、键盘操作和最大选择数的多选下拉框。
双月日历范围选择器，支持悬停预览、快捷预设和最小/最大日期。
输入时自动加千分位、失焦补两位小数的金额输入框，可切换币种。
点击即可编辑的文本或多行文本，回车保存、Esc 取消，带异步保存状态。
带分类、搜索、肤色选择和最近使用的表情选择器。
带搜索与复选的双栏穿梭框，可在“可选”和“已选”之间移动项目。
支持单选和多选的按钮组，适用于格式工具栏和视图切换。
支持鼠标、触摸和手写笔的签名画板，可撤销、清除并导出 PNG。
悬浮按钮展开为带标签的快捷操作菜单，支持错落动画与键盘操作。
包裹任意触发器的小型确认气泡，支持危险样式与异步确认。
带复制链接、邮箱邀请、访问权限和成员角色的分享弹窗。
从右侧滑入的非模态详情面板，含标签页、属性行与固定按钮。
汉堡按钮变形为关闭图标的全屏导航，链接错落入场并锁定滚动。
出现在文本选区上方的浮动格式工具栏，支持方向键漫游。
点击“新建”弹出的快速添加表单，含类型分段、截止日快捷标签与校验。
右下角反馈浮钮，展开表情评分、留言、邮箱并带发送与感谢状态。
深灰底色叠加 SVG feTurbulence 噪点颗粒的质感按钮，颗粒强度可调。
多层径向渐变模拟流动液态金属，悬停时 blur 光晕向外扩散。
backdrop-blur 毛玻璃按钮，半透明白底、细边框和顶部发光高光。
深灰渐变、多层内描边和拉丝纹理的工业金属按钮。
直角、等宽字体、8-bit 像素硬阴影的复古游戏按钮，按下时阴影塌陷。
clip-path 切出碎裂像素块的赛博朋克按钮，带周期性故障位移。
胶囊按钮，右侧圆形图标容器，悬停时整体反色且箭头右移。
悬停时一道斜向白色光带掠过按钮，扫光时长可调。
模糊光斑实时跟随鼠标位置移动的按钮，光斑颜色可调。
霓虹光晕按钮，悬停时 box-shadow 光晕向外放大。
悬停时圆点放大填满按钮，文字滑出并换成带箭头的反色文案，边框同步变色。
蓝紫绿极光渐变持续流动的按钮，带同步流动的外发光，周期可调。
悬停或聚焦时文字随机乱码并逐字还原的 CTA 按钮。
点赞/收藏切换按钮，点击时星星弹簧缩放并迸发粒子，计数同步变化。
AI 生成按钮：点击后切换为加载中，图标换成旋转加载器并出现呼吸光晕，可受控。
播放/暂停切换，播放中显示跳动的声波柱。
shadcn 风格基础按钮：6 种变体、4 种尺寸，基于 class-variance-authority。
iOS / macOS 原生质感按钮：细描边、柔和阴影、按下轻微缩放。
Origin UI 风格：1px 精致描边、内阴影和克制的交互反馈。
黑底 Apple Logo 两行文案的 App Store 下载徽章，渲染为链接。
共享边框的按钮组，支持水平和垂直排列，只保留两端圆角。
HeroUI 风格按钮组：solid / bordered / flat / faded 四种样式，4 种语义色，圆角可调。
黑色按钮，悬停时“月亮”滑开，露出日冕光环。
主操作加下拉箭头的分裂按钮，菜单支持外部点击和 Esc 关闭。
左侧或右侧带图标的按钮，图标位置可切换。
图标块 + 主标题 + 副文案的复合按钮，适合部署、升级等带说明的操作。
分段选择按钮组：带弹簧滑动的发光选中块，支持方向键切换的 radiogroup。
保存按钮：保存中显示加载器或填充进度条，完成后变绿并打勾，随后自动复位。
二次确认删除按钮：第一次点击进入警示态，3 秒内再次点击才触发，失焦自动取消。
胶囊按钮内嵌徽标（New / Beta / 数字），徽标可放左侧或右侧。
GitHub 风格深色按钮，内联 Octocat 图标，可附带 Star 计数。
带 Figma 彩色 Logo 的文件入口按钮，显示文件名和副文案。
iOS 胶囊按钮：Filled / Tinted / Gray / Plain 四种样式和三种尺寸，可自定义主题色。
iOS 26 液态玻璃风格按钮：毛玻璃、镜面高光和柔和阴影，适合放在图片或渐变背景上。
App Store 风格 GET 按钮：点击后变成环形进度，完成后切换为 OPEN。
控制中心风格圆形开关按钮：图标 + 标题，按下后切换为主题色，带 aria-pressed。
滑动解锁按钮：拖动滑块超过 85% 触发确认，支持键盘回车，文字带流光动画。
iOS 下拉菜单按钮：上下箭头触发毛玻璃菜单，支持破坏性操作和 Esc / 点击外部关闭。
新拟态按钮：凸起与内凹阴影，三种形状，按下时切换为内阴影。
新粗野主义按钮：粗黑边框与硬阴影，悬停抬起、按下压平。
旋转渐变边框按钮：锥形渐变持续旋转，可自定义颜色和速度。
3D 按压按钮：多层阴影与侧边，悬停抬升，按下下沉，可通过色相调色。
Material 风格水波纹按钮：从点击位置扩散波纹，动画结束后自动清理。
磁吸按钮：指针靠近时按钮跟随移动，离开后弹性回位。
霓虹按钮：发光描边和文字，悬停时整体点亮，可自定义颜色。
果冻按钮：糖果渐变与高光，悬停时果冻抖动，按下回弹。
故障风按钮：悬停时青 / 品红双色通道切片抖动，支持减少动态效果。
箭头滑动按钮：悬停时右侧圆形箭头展开铺满整个按钮。
带状态流转的按钮：默认 → 加载中 → 成功 → 自动恢复，支持传入异步 onAction。
描边绘制按钮：悬停或聚焦时 SVG 边框沿路径画出。
点赞按钮：心形弹跳、粒子迸发和计数联动，带 aria-pressed。
填充扫过按钮：悬停时背景从四个方向之一扫过并反色文字。
气泡卡片：点击触发，支持上下方向与对齐，点击外部或按 Esc 关闭并还焦点。
悬停卡片：鼠标悬停或键盘聚焦后延迟展示预览内容，适合用户头像、链接预览。
右键菜单：在指针位置弹出，支持图标、快捷键、危险项、分隔线和方向键操作。
警示对话框：用于需要确认的危险操作，不可点击遮罩关闭，默认聚焦取消按钮。
图片灯箱：缩略图网格 + 全屏查看，支持左右切换、计数、方向键和 Esc。
Cookie 同意横幅：全部接受、全部拒绝，或展开分项偏好后保存。
底部抽屉：拖动手柄在多个停靠点间吸附，下拉到底关闭，点击手柄循环切换。
产品导览：聚光灯高亮目标元素，逐步展示说明，支持键盘前进后退。
底部提示条：带撤销操作，悬停或聚焦时暂停倒计时。
通知气泡：铃铛徽标、全部 / 未读切换、全部标为已读。
大型下拉导航：悬停或点击展开分栏链接面板，可附带推荐卡片。
悬浮胶囊导航：向下滚动时收起，向上滚动或键盘聚焦时回到视野。
目录导航：随滚动高亮当前章节，点击平滑跳转，支持多级缩进。
垂直标签页：上下方向键切换，带徽标与图标，符合 ARIA tabs 规范。
移动端底部导航：图标 + 文字、角标，可选居中悬浮操作按钮。
分段控件：滑动滑块指示当前项，方向键切换，支持图标与两种尺寸。
阅读进度条：顶部渐变条随滚动填充，可绑定任意滚动容器。
回到顶部：滚动后出现，圆环显示阅读进度，点击平滑回顶。
文件树：可展开折叠的 tree 结构，支持方向键、Home / End、Enter 与空格。
滑动高亮导航：高亮胶囊跟随指针或键盘焦点在链接间滑动，离开时淡出。
滑块：指针拖动与键盘（方向键、PageUp/Down、Home/End）调节数值，支持步长与禁用。
双滑块区间选择：两个滑块互不越界，支持最小间距与键盘调节，适合价格筛选。
开关：三种尺寸，可带标题与描述，符合 ARIA switch 规范。
复选框组：带三态「全选」，支持描述与禁用项。
单选卡片组：整张卡片可点击，原生 radio 提供方向键切换，适合方案选择。
自适应高度文本域：随输入增高到最大行数后滚动，可显示字数统计。
颜色选择器：饱和度/明度面板、色相条、HEX 输入和预设色，支持键盘微调。
搜索输入框：「/」快捷键聚焦、Esc 清空、加载中状态与清除按钮。
手机号输入：国家区号选择，按各国格式实时分组，输出 E.164 号码。
时间选择器：时/分/上下午分段输入，方向键增减、数字直接输入，支持 12/24 小时制。
评论串：多级回复、点赞、内联回复框，新评论即时插入。
聊天消息：按发送者分组的气泡、已发送/已读回执、输入中动画，自动滚动到底部。
个人资料卡：渐变封面、头像、认证标记、标签、统计与关注按钮。
日程月历：事件标签、超出折叠「+N」、月份切换，点击日期查看当日议程。
设置面板：分组开关、下拉与分段选项，修改后出现保存 / 重置栏。
空状态：图标、文案与操作按钮，可选虚线边框，用于空列表、空搜索与上传区。
新手清单：进度条、可展开步骤、行内操作按钮，全部完成后切换为庆祝状态。
用量仪表：多段堆叠条、图例，接近或超出额度时给出提示。
团队成员：邮箱邀请、角色下拉、移除成员，所有者受保护。
音频播放器：封面、进度拖动、上一首 / 下一首、音量与静音（纯 UI，模拟播放）。
带图标的内联提示条，支持信息、成功、警告、错误四种样式，可选标题、关闭按钮和操作。
支持确定与不确定状态的进度条，带标签、百分比和条纹动画。
SVG 环形进度，中心显示百分比，可调尺寸、粗细与颜色。
骨架屏基础组件，支持脉冲或流光效果，并附带卡片与列表组合。
五种纯 CSS 加载动画：圆环、圆点、条形、脉冲和轨道。
状态徽标，包含七种样式、状态圆点、可移除按钮和三种尺寸。
“这对你有帮助吗？”表情评分组件，选择后可填写意见并显示感谢页。
部署风格的竖向步骤状态列表，支持等待、运行、完成、失败四种状态。
可关闭的顶部公告横幅，含徽标、文案、箭头链接和关闭按钮。
三列图标特性网格，带标题与副标题。
带分隔线的大数字统计横条。
三列瀑布式用户评价卡片，含头像首字母、职位和五星评分。
团队成员卡片，含渐变首字母头像、职位和社交图标按钮。
三档套餐功能对比表，首列固定，推荐列高亮，移动端内部横向滚动。
按季度展示的产品路线图，含已发布/进行中/计划中状态标签和竖线。
带校验与模拟提交成功状态的联系表单。
整卡可点击的文章卡片，带渐变封面、分类标签、作者与阅读时长，悬停上浮并带箭头位移。
商品卡片，含角标、评分星、划线价、加入购物车状态切换与心愿单收藏按钮。
3D 翻转卡片，悬停、聚焦或点击翻面，支持键盘并在减少动效时改为淡入淡出。
点击平滑展开详情的卡片，使用 grid-rows 动画并带完整 aria 状态。
毛玻璃拟态卡片，带背景模糊与半透明边框，适合置于彩色渐变背景之上。
满版渐变图片卡片，悬停或聚焦时说明文字上滑，附标签与角落操作按钮。
用户评价卡片，含大引号、评分星与作者信息，支持 plain、outlined、filled 三种样式。
链接预览卡片，含渐变图标、标题、域名与描述，复制链接按钮会显示 1.5 秒“已复制”。
重叠头像组，基于名称哈希生成固定配色，支持 +N 溢出、尺寸与在线状态点。
支持单开/多开的手风琴，网格行高动画、箭头旋转与完整键盘导航。
下划线与胶囊两种样式的标签页，带滑动指示器与方向键漫游焦点。
由数字数组生成的迷你折线/面积图，渐变填充、末点圆点与涨跌配色。
响应式柱状图，含网格线、悬停数值提示、入场动画与隐藏数据表。
环形图，悬停或聚焦分段时高亮并更新中心数值，附图例。
轻量语法高亮代码块，含文件名、行号、复制按钮与块内横向滚动。
键帽组件与组合键，按 Mac/Windows 切换符号，演示快捷键速查表。
无限滚动的横向/纵向跑马灯，支持悬停暂停、反向、调速与边缘渐隐。
跟随指针的 3D 倾斜卡片，带高光反光，移开后平滑复位。
文字先随机乱码闪烁再逐字还原，悬停或聚焦时重新播放。
确定性分布的斜向流星雨背景。
点击按钮触发的画布彩纸爆炸，物理模拟并尊重减少动态偏好。
标题文字滚动进入视野后逐词模糊、位移淡入，可重播。
带流动光扫效果的文字，可调速度与光色。
粒子连线网络画布背景，随鼠标互动，离屏或切后台自动暂停。
iOS 风格界面套件：设备外框、大标题导航栏、标签栏、分组列表、开关、分段控件、底部弹层和应用图标，支持浅色 / 深色。
带光晕和点阵背景的行动号召横幅，支持居中或左对齐。
客户 Logo 墙，可选无限滚动走马灯或静态网格。
常见问题手风琴，平滑展开，支持单开或多开。
邮件订阅表单，带校验、加载和成功状态。
多列链接的网站页脚，含社交图标、版权信息和超大渐隐字标。
跟随鼠标移动的聚光灯卡片，边框同步发光。
进入视口时从起始值滚动到目标值的数字动画。
逐字打出、删除并轮换多个词语的打字机文字。
沿卡片边框循环流动的渐变光束。
一次性验证码输入框，支持粘贴、分组、掩码和键盘导航。
密码输入框：显示/隐藏切换、强度条和规则清单。
标签输入框，回车或逗号添加，支持建议列表和数量限制。
拖拽上传区域，带类型/大小校验、文件列表和上传进度。
数量步进器：长按加速、数字滚动动画、键盘上下键。
可搜索的下拉选择框，支持键盘导航和取消选择。
日期选择器和独立日历，支持键盘导航、本地化和禁用日期。
登录表单：第三方登录、字段校验、记住我和加载状态。
基于原生 <dialog> 的模态框，带进出场动画、焦点管理和遮罩点击关闭。
⌘K 命令面板：模糊搜索、分组、快捷键提示和完整键盘操作。
从屏幕边缘滑出的抽屉面板，底部抽屉支持下拉关闭。
下拉菜单：分组标签、复选项、快捷键、危险操作和首字母跳转。
轻量提示气泡，支持四个方向、延迟显示和键盘焦点触发。
响应式顶部导航栏：滚动后毛玻璃、移动端折叠菜单、悬浮胶囊样式。
面包屑导航，过长时中间折叠为省略号，可点击展开。
分页器：智能省略、首尾页按钮、每页条数选择和结果统计。
多步骤进度条，横向或纵向，可点回已完成的步骤。
数据表格：搜索、列排序、行多选、分页和自定义单元格。
看板：原生拖放在列之间移动卡片，带插入指示线和快速添加。
后台应用侧边栏：分组导航、徽标、用户卡片，可折叠为图标栏。
活动时间线，图标或圆点标记，依次淡入。
带聚光灯渐变、网格背景和双按钮的落地页 Hero 区块。
缓慢流动的极光渐变背景，颜色和速度都可配置。
带流光扫过效果的按钮，光泽颜色、背景和速度可配置。
三档定价卡片，支持月付 / 年付切换，并突出推荐方案。
选中指示块会平滑滑动的标签栏，支持方向键切换。
不对称的 Bento 网格，用来展示产品的核心功能。
AI 对话输入框：自动增高、附件、模型选择，Enter 发送。
双行反向滚动的用户评价走马灯，悬停时暂停，两侧渐隐。
SVG 网格背景，带径向遮罩，可选高亮若干方格。
堆叠式通知，悬停时展开，带自动消失计时。
渐变色缓慢流动的标题文字。
类似 macOS 的 Dock，鼠标靠近时图标放大。
带迷你走势图和涨跌标记的数据指标卡片。
支持悬停预览和键盘操作的星级评分控件。