Introduction

Neobrutal UI bridges the gap between raw Neobrutalist aesthetics and structured accessibility. Each component is built on Base UI primitives, ensuring proper keyboard navigation, focus management, and ARIA support out of the box.

Components are distributed via CLI or direct copy-paste. There is no npm package to install. You own the code, customize it freely, and never worry about breaking changes from upstream updates.

Why Neobrutal UI

Open Code

No hidden abstractions or version lock-in. Every line lives in your project.

Accessible

Built on Base UI with keyboard navigation and screen reader support.

Two Formats

React components for applications. Plain HTML with Tailwind for prototypes.

Tailwind CSS v4

Styled with CSS variables for straightforward theming and customization.

FAQ

Credits

Neobrutal UI is built on the work of several open source projects and design systems.

Base UI
Tailwind CSS
shadcn/ui
Phosphor Icons

Get Involved

Star the repository on GitHub
Report bugs or request features
Contribute to the project

Why Neobrutal UI

FAQ

Is this a component library I install from npm?

Can I use this with frameworks other than React?

How do I customize the colors?

What if a component updates after I copy it?

Credits

Get Involved