- 300+ Figma 组件
- 变体与auto-layout
- Tailwind 类注解
- 将1:1映射到代码
- 光明与黑暗的标记
- 随Pro附带
- 内置主题令牌
- 设计 → 交付
- 设计风格为新粗野主义
- v1.3 套件
比例 设计与
发展
Figma 和 React 中提供了一套新粗野主义设计系统——包含组件、变体、自动布局以及与代码套件相匹配的标记，从而确保设计与工程不再脱节。
每个基础组件，作为Figma组件
通过对话框及其他方式呈现的按钮，作为带有变体的真实Figma组件发布。请基于您的应用所安装的同一库进行设计——而不是让工程团队从头重建的一次性模拟组件。
Tailwind 每个层上的类
图层上标注了它们在代码中对应的实用函数。交接工作只需复制粘贴类名，无需凭肉眼匹配这些填充间距。
主题定好一次——整个套件自然随之而来
浅色和深色图标呼应了代码主题。只需在套件中交换主色、表面色和字体，所有实例就会随之更新，这与CSS中的变量重新设定网站主题的方式如出一辙。
喜爱。 开发者、设计师，
创作者都
偶然刷到你的 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., 代理公司负责人
Figma 套件
FAQ
本页面介绍的Pro (.fig)设计系统——文件内容、受限下载、Tailwind注释，以及它与代码的配合方式。