Repolode
提交项目
ekmas

ekmas/neobrutalism-components

基于 shadcn/ui 和 Tailwind CSS 的新粗野主义（neobrutalism）风格 UI 组件集合。

在 GitHub 查看官网
Star
5,642
Fork
192
未关闭 Issue
3
最近提交
2个月前

这是什么？

Neobrutalism Components 是一个基于 shadcn/ui 的 React 与 TypeScript 组件库，将新粗野主义（neobrutalism）的视觉风格应用到 shadcn/ui 组件上。这种风格以粗描边、硬投影、纯色块和高对比度排版为特点，本项目把这些样式整理成可直接使用的 Tailwind 组件。

组件适合复制到已使用 shadcn/ui 和 Tailwind CSS 的 Next.js 或其他 React 项目中。项目官网提供使用示例和配置步骤。

适合想尝试新粗野主义设计风格，或需要以此风格快速搭建页面布局的开发者。

核心功能

  • 01基于 shadcn/ui 的新粗野主义风格组件
  • 02使用 React、TypeScript 和 Tailwind CSS 构建
  • 03组件可直接复制到现有 shadcn/ui 项目中
  • 04提供带使用示例的文档站点

适用场景

  • 用粗犷的新粗野主义风格搭建落地页或营销网站
  • 快速原型设计具有鲜明视觉特色的界面
  • 学习如何用 Tailwind 定制 shadcn/ui 组件

快速上手

  1. 1

    访问文档开始使用

收录于专题

前端框架与界面组件

标签

#react#tailwind#shadcn-ui#ui-components#typescript#design-system#neobrutalism#neobrutalism-components#nextjs#react-component-library

常见问题

neobrutalism-components 是什么？
基于 shadcn/ui 和 Tailwind CSS 的新粗野主义（neobrutalism）风格 UI 组件集合。 Neobrutalism Components 是一个基于 shadcn/ui 的 React 与 TypeScript 组件库，将新粗野主义（neobrutalism）的视觉风格应用到 shadcn/ui 组件上。这种风格以粗描边、硬投影、纯色块和高对比度排版为特点，本项目把这些样式整理成可直接使用的 Tailwind 组件。
neobrutalism-components 可以免费使用吗？用的什么许可证？
neobrutalism-components 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
neobrutalism-components 还在维护吗？
半年内有更新。neobrutalism-components 最近一次提交是在 2026年9月19日。
neobrutalism-components 适合用来做什么？
用粗犷的新粗野主义风格搭建落地页或营销网站 快速原型设计具有鲜明视觉特色的界面 学习如何用 Tailwind 定制 shadcn/ui 组件
neobrutalism-components 怎么安装和运行？
访问文档开始使用
在哪里获取 neobrutalism-components？
源代码和安装说明在 GitHub 上：https://github.com/ekmas/neobrutalism-components

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目