Neobrutalism Components is an open-source collection of neobrutalism-styled React components built on shadcn/ui for Next.js, created by ekmas. The project is no longer maintained, but remains available for learning and use under an MIT license.
What is Neobrutalism Components?
Neobrutalism Components is a UI component library that gives React developers pre-built components with the neobrutalism design style: bold borders, hard shadows, and high-contrast colors. It is based on shadcn/ui, meaning each component is copied directly into your project so you own the source code. The library is built for Next.js and styled with Tailwind CSS, and it includes a dedicated documentation site at neobrutalism.dev.
Key Features
- Based on shadcn/ui — Components follow the shadcn pattern of copy–paste ownership, giving you full control over the code.
- Neobrutalism styling — Includes distinctive design elements like thick black borders, offset shadows, and vivid accent colors ready to use.
- Built for Next.js — Components are designed to work with the App Router and React Server Components, with no extra configuration needed.
- Tailwind CSS integration — Styling is implemented as Tailwind utility classes, making it easy to customize every component's look.
- MIT licensed — Free to use for personal and commercial projects without royalties or attribution requirements.
- Documentation site — The project provides a docs website at neobrutalism.dev with installation and usage guides.
- Community traction — The repository has accumulated over 5,300 stars on GitHub, indicating widespread interest.
Who is it for?
- React developers — who want to add a neobrutalism aesthetic quickly without writing all the styling from scratch.
- Next.js developers — who need a set of styled components that integrate cleanly with the App Router and Tailwind CSS.
- Designers prototyping in code — who want to experiment with neobrutalism visuals using actual React components rather than static mockups.
What can you do with Neobrutalism Components?
- Build a stylized landing page — Assemble sections like hero, features, and cards with the neobrutalism look for a personal or product site.
- Learn neobrutalism design — Study the component source to understand how to achieve bold borders, shadow effects, and color combinations with Tailwind.
- Customize and extend — Since the components are copied into your project, you can modify their structure and styles to fit any specific requirement.
Is Neobrutalism Components still maintained?
No. The repository is marked as no longer maintained, and the author points to a discussion for more information. This means new features and fixes are not expected, but the existing components remain functional and open-source.
Pricing
Neobrutalism Components is completely free. It is released under the MIT license, so you can use, modify, and distribute it without any fees.
FAQ
Is Neobrutalism Components free?
Yes, the entire collection is open-source under the MIT license, so it is free to use in personal and commercial projects.
What framework does it require?
The components are built for React and are specifically designed for Next.js, though they may work in other React frameworks with appropriate configuration.
Does it use Tailwind CSS?
Yes, the styling is based on Tailwind CSS, and the components are delivered as Tailwind-styled code that you can easily customize.
How do I use the components?
Visit the documentation at neobrutalism.dev/docs, where you can find installation instructions and examples for each component.
Why is the project no longer maintained?
The author made a decision to stop maintaining the repository, and a linked discussion explains the reasoning. The code remains available for those who want to use or learn from it.
