Repolode
Submit
ekmas

ekmas/neobrutalism-components

A collection of neobrutalism-styled UI components built with Tailwind CSS, based on shadcn/ui.

View on GitHubWebsite
Stars
5,643
Forks
192
Open issues
3
Last commit
2 months ago

What is it?

Neobrutalism Components is a React and TypeScript component library that applies the neobrutalism visual style to shadcn/ui components. Neobrutalism uses bold outlines, hard drop shadows, flat saturated colors and high-contrast typography, and this project packages those looks as ready-to-use Tailwind components.

The components are designed to be copied into a Next.js or other React project that already uses shadcn/ui and Tailwind CSS. A documentation site at neobrutalism.dev shows usage examples and setup steps.

The project is aimed at developers who want to explore the neobrutalism aesthetic or need a starting point for building layouts in that style.

Key features

  • 01Neobrutalism-styled versions of shadcn/ui components
  • 02Built with React, TypeScript and Tailwind CSS
  • 03Components can be copied into existing shadcn/ui projects
  • 04Includes a documentation site with usage examples

Use cases

  • Building a landing page or marketing site in a bold neobrutalism style
  • Prototyping UI layouts with a distinctive visual look
  • Learning how to customize shadcn/ui components with Tailwind

Quick start

  1. 1

    Visit the documentation to get started

In collections

Frontend frameworks & UI components

Topics

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

FAQ

What is neobrutalism-components?
A collection of neobrutalism-styled UI components built with Tailwind CSS, based on shadcn/ui. Neobrutalism Components is a React and TypeScript component library that applies the neobrutalism visual style to shadcn/ui components. Neobrutalism uses bold outlines, hard drop shadows, flat saturated colors and high-contrast typography, and this project packages those looks as ready-to-use Tailwind components.
Is neobrutalism-components free to use? What license does it have?
neobrutalism-components is open source under the MIT license. Check the license terms before using it in commercial products.
Is neobrutalism-components still maintained?
Updated within 6 months. The last commit to neobrutalism-components was on Sep 19, 2026.
What can I use neobrutalism-components for?
Building a landing page or marketing site in a bold neobrutalism style Prototyping UI layouts with a distinctive visual look Learning how to customize shadcn/ui components with Tailwind
How do I install neobrutalism-components?
Visit the documentation to get started
Where can I get neobrutalism-components?
The source code and installation instructions are on GitHub: https://github.com/ekmas/neobrutalism-components

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects