- 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 元素。
面包屑
以粗体新粗野主义字体显示该页面在网站层级结构中的位置——包括文档、商店分类和仪表盘的链接路径。
项
一款适用于通知信息流、设置列表和文件行、带有媒体、标题、描述和操作插槽的弹性行——采用新粗野主义风格。
骨架屏
在数据加载期间，用于卡片、头像和表格的闪烁占位块——采用新粗野主义风格的粗边框设计。
喜爱。 开发者、设计师，
创作者都
偶然刷到你的 UI 套件就立马入手。这么新还在活跃维护、不断改进，干得漂亮 🤘
Ziv Reich, 软件开发者 只想说 neobrutalism.com 做得太棒了，真的很喜欢。我不擅长设计，所以它帮了大忙，我拿它做了自己的个人网站。
Paul Bratslavsky, Coding With Paul 主理人 终于用 Neobrutalism.com 重做了个人网站——好玩的库，上手也简单！
Cameron Blackwood, 内容创作者 Neobrutalism.com 是我最爱的复古风 UI 组件库之一——组件真能拿去上线。
Zhengyang Hou, 独立开发者 Web 上我最喜欢的 UI 库之一。做得很棒，希望它越走越远。
Taseen Tanvir, 创始人 & 设计师 刚试了 Neobrutalism.com Pro，不跟风的 UI 套件真是耳目一新。新粗野主义区块 🔥 让怪又好玩的原型快多了。
Nitesh Padghan, 捉刀写手 落地页设计出色，节奏与平衡都恰到好处。配色与动效结合，带来非常出色的用户体验。
Alan Obeng-Peprah, 高级设计师 @ NativeXAI 他们对设计的交付让我非常满意。最终成品与我设想的完全一致。
Desmond, 联合创始人 @ VectorlabsVentures 作为代理公司负责人，我通常要花几周打磨客户的落地页布局。用 Neobrutalism.com 后，套上模板、改好文案就能上线。
Duke Opoku Amankwah, 创始人 @ Midas 这些模板不仅视觉出色，结构也极其清晰。为我们节省了数周开发时间。
Abiola Braimah, 开发者 @ Studio IX 品质出众，细节到位。响应式设计在所有设备上都运行得很稳。
Acromond X., 联合创始人 @ VectorlabsVentures 把这些模板接入工作流后，我们的开发周期明显缩短。做得很好。
Raquib S., 后端开发者 这些模板已成为我们的首选资源。代码干净、文档齐全，也很容易定制。
Hallic M., 开发者 @ AtlasLabs Neobrutalism.com 模板在美学与功能之间取得了完美平衡，对我们的项目是真正的改变。
Ibrahim S., 前端负责人 @ ScaleUp 支持出色，模板质量也是 premium 级别。这些模板的投资回报非常惊人。
Kevin K., CEO @ WebCraft Neobrutalism.com 模板彻底改变了我们接手新客户项目的方式。代码质量极高，设计也真正达到一流水准。
Danny G., DevStack 创始人 我用过很多模板库，但 Neobrutalism.com 在性能优化与干净代码架构上的投入格外突出。
Ian D., Wavelength CTO 这些模板里的动画与微交互非常惊艳。对我们设计团队来说是最好的投资。
Ben S., PixelPerfect 首席设计师 作为非技术创始人，Neobrutalism.com 模板帮我们在不牺牲设计质量的情况下以创纪录速度上线 MVP。投资人非常惊喜。
Matthew I., 创业公司创始人 我很欣赏这些组件的模块化与文档质量。我们能无缝混用不同模板的片段。
Garrett P., TechFusion 前端负责人 Neobrutalism.com 模板的投资回报惊人。我们大幅缩短开发时间，同时交付更高质量的站点给客户。
Xavier C., 代理公司负责人
组件
图库 FAQ
这个由免费基础组件组成的网格——每个文档页面的后端、CLI的安装，以及图库与/docs及/components的对应关系。