- 50+ 组件
- 粗边框、硬阴影
- shadcn CLI 安装
- Radix · Base UI · React Aria
- Radix · Base UI · React Aria
- 默认情况下可访问
- 代码归你所有
- MCP 服务器支持
- 深色模式与RTL
- 那些嘈杂的小厂牌
所有组件
OTP 输入
用于双因素认证（2FA）、登录验证和PIN输入界面的单次代码输入框——支持粘贴的输入框，配有新粗野主义风格的边框和硬阴影。
Sonner
针对保存确认、上传和撤销窗口，采用堆叠式通知设计——并运用了新粗野主义风格的边框与阴影处理效果。
上下文菜单
针对文件行、画布和数据网格的右键菜单——采用新粗野主义风格的边框和阴影效果的上下文操作。
下拉菜单
一个通过按钮触发的菜单，用于行操作、账户切换和视图选项——采用新粗野主义风格的边框与阴影处理。
侧边抽屉
一个从屏幕边缘滑入的面板，用于显示导航抽屉、筛选器和编辑表单——采用新粗野主义风格的边框和阴影处理。
侧边栏
一款适用于仪表盘、文档和管理工具的可折叠应用外壳导航面板——采用新粗野主义风格的边框与阴影设计。
分隔线
用于分隔菜单、工具栏和列表的水平或垂直分隔线——其边框颜色与新粗野主义风格的边框相同。
分页
搜索结果、表格和存档页面均带有带上一页/下一页控件的页码链接——采用新粗野主义的边框与阴影风格。
切换
一个用于工具栏格式设置、静音和固定控件的双状态开关按钮——采用新粗野主义风格的边框和阴影处理。
切换组
适用于编辑器工具栏、视图切换器和过滤栏的双状态按钮组——采用新粗野主义风格的边框与阴影处理效果。
加载指示器
一个用于显示待提交、待获取及内联忙状态的动画加载指示器——可直接用于任何新粗野主义控件的图标。
单选组
用于套餐、配送选项和设置表单的单选按钮组——采用新粗野主义风格的边框和阴影处理。
卡片
用于仪表盘、定价层级和产品网格的带边框框体——标题、内容和页脚均采用了新粗野主义风格的硬阴影处理。
原生选择
针对表单、筛选器和国家选择器重新设计的原生 HTML 下拉列表——由操作系统渲染的下拉菜单，带有新粗野主义风格的边框和阴影。
可折叠
一套用于文件树、高级设置和“显示更多”区域的触发器与面板组合——采用新粗野主义风格的边框与阴影处理。
可调整大小
适用于代码编辑器、文件树和仪表盘布局的可拖动分隔窗格——采用新粗野主义风格的边框与阴影设计。
命令
一个用于 ⌘K 菜单、全局搜索和快速操作的键盘驱动命令面板——采用新粗野主义风格的边框与阴影设计。
复选框
用于同意复选框、多选筛选器和批量行选择的二进制切换开关——采用新粗野主义风格的边框与阴影处理效果。
多行文本
一个用于评论、个人简介和支持消息的多行文本输入框——采用了新粗野主义风格的边框和阴影处理。
头像
用于个人资料菜单、评论线程和团队列表的用户头像，采用首字母备选方案，并应用了新粗野主义风格的粗边框处理。
字段
适用于设置面板、结账表单和注册流程的标签、控件、帮助文本和错误提示字段——采用新粗野主义风格的表单设计。
宽高比
在缩放时将图片、嵌入视频和地图限制为固定比例——这款布局工具可确保新粗野主义风格的卡片始终保持在网格内。
对话框
用于确认、快速表单和破坏性操作提示的模态窗口——以粗边框和硬阴影的形式叠加在页面上。
导航菜单
一条水平栏，包含用于网站页眉、文档导航和应用程序框架的链接及下拉面板——采用新粗野主义风格的边框和硬阴影效果。
工具提示
图标按钮、键盘快捷键和截断标签的悬停和焦点提示——采用新粗野主义风格的边框和阴影处理。
开关
一个用于即时设置（通知、深色模式、功能开关）的开关按钮，采用新粗野主义风格的边框与阴影设计。
弹出层
一个锚定于触发器的浮动面板，用于日期选择器、筛选器和内联表单——采用新粗野主义风格的边框与阴影处理。
徽章
一款用于卡片、表格和导航项上的状态、计数和标签的小型标签——采用了新粗野主义风格的边框和阴影处理。
悬停卡片
一种悬停时弹出的浮动预览——包括个人资料预览、链接预览和词汇表术语——采用新粗野主义风格的边框和阴影处理效果。
折叠面板
一套垂直堆叠的可展开区块，用于常见问题解答、设置以及内容丰富的页面——采用新粗野主义风格的边框和阴影处理。
抽屉
一款手势驱动的面板，可从任意边缘滑入，适用于移动端菜单、筛选器和快速表单——采用新粗野主义风格的边框和阴影效果。
按钮
一个可用于表单提交、工具栏和具有破坏性后果的确认操作的可点击触发按钮——带有粗边框，点击时会压出阴影。
按钮组
将按钮、工具栏和输入插件整合到一个带边框的单元中——一条粗边框、一个硬阴影、一次共同点击。
排版
适用于标题、正文、列表、表格和内联代码的通用样式——采用新粗野主义风格的重磅排版效果。
数据表格
适用于管理面板、仪表盘和订单列表的可排序、可筛选、支持分页的表格——采用新粗野主义风格的边框与阴影设计。
方向
一个用于在从左到右（LTR）和从右到左（RTL）方向之间切换组件的上下文提供程序，可确保菜单、滑块和标签页在阿拉伯语、希伯来语和波斯语中正确镜像显示。
日历
一款用于预订、排程和范围选择的月视图日期选择器——采用新粗野主义风格的边框和阴影设计。
日期选择器
一款弹出式日历，用于在表单和筛选器中选择单一日期、日期范围和生日——采用新粗野主义风格的边框和硬阴影效果。
标签
用于输入框、复选框、开关和单选按钮组的标签——点击可激活控件，采用新粗野主义风格的标题字体。
滑块
一个可拖动输入控件，用于选择数值或范围——例如音量、价格筛选条件、设置等——并采用了新粗野主义风格的边框和阴影处理效果。
滚动区域
一个带自定义跨浏览器滚动条的可滚动容器，适用于聊天面板、侧边栏和文件树——配有粗犷的新粗野主义风格滚动按钮。
空状态
用于无搜索结果、空白仪表盘和首次运行界面的占位符——图标、标题和操作均由新粗野主义风格的边框包围。
组合框
一个在输入时会实时筛选选项的自动完成输入框——例如国家选择器、标签输入框、长下拉菜单——采用新粗野主义风格的边框和阴影效果。
菜单栏
用于应用风格工具栏、编辑器和仪表盘的下拉菜单水平栏——采用新粗野主义风格的边框和阴影处理。
表格
一款适用于发票、管理列表和价格表的语义化 HTML 表格——带边框的行、加粗的表头，以及强烈的“新粗野主义”风格阴影。
警告
用于显示表单错误、警告和成功确认的内联提示框——采用状态色设计的面板，配以新粗野主义风格的边框和硬阴影。
警告对话框
一个用于阻止破坏性操作（删除、注销、撤销）流程的模态窗口，采用了新粗野主义风格的边框与阴影设计。
轮播
一款适用于产品图库、客户评价和主视觉区域的可滑动幻灯片——采用新粗野主义风格的边框和硬阴影设计。
输入框
用于登录、搜索栏和结账表单的单行文本输入框——采用新粗野主义风格的粗边框和硬阴影效果。
输入组
为搜索栏、URL 输入框和聊天编辑框的输入框添加图标、按钮和键盘提示——并采用新粗野主义风格的边框和阴影效果。
进度
一条细长的进度条，会在任务完成时逐渐填满——例如上传、安装、多步骤入门流程等——并采用新粗野主义风格的边框与阴影处理效果。
选择器
一个用于选择单一选项的下拉菜单——例如国家/地区字段、排序顺序、主题设置等——带有粗犷的新粗野主义风格边框和硬阴影。
选项卡
通过新粗野主义风格的边框和阴影效果，在分层内容面板（设置页面、仪表盘和代码预览）之间进行切换。
键盘键
用于菜单、工具提示和命令面板中快捷键提示的键盘键帽——一个带有新粗野主义风格边框和阴影的原生 kbd 元素。
面包屑
以粗体新粗野主义字体显示该页面在网站层级结构中的位置——包括文档、商店分类和仪表盘的链接路径。
项
一款适用于通知信息流、设置列表和文件行、带有媒体、标题、描述和操作插槽的弹性行——采用新粗野主义风格。
骨架屏
在数据加载期间，用于卡片、头像和表格的闪烁占位块——采用新粗野主义风格的粗边框设计。