neobrutal-ui

Overview

neobrutal-ui is an open-source, MIT-licensed set of neobrutalist React components built on Base UI and Tailwind CSS v4. Its raised controls press down in stages, giving clear selection and feedback, and all components share one set of styles so they read as a single interface rather than loose parts.

The directory lists 57 components across actions, forms, navigation, overlays, feedback, disclosure, data display and layout, including chart recipes built on Recharts. Light and dark modes are included, with 19 color themes and six editable Next.js page templates, among them a working CMS demo.

Features

• 57 components: Accordion, calendar, carousel, command, data table, drawer, input OTP, menubar, resizable panels, sidebar, sonner toasts and more.
• Staged press feedback: Raised controls that press down in stages on interaction.
• Chart recipes: Build duration, delivery capacity, install diagnostics, release activity, revenue target, service latency, signup conversion and work allocation charts.
• Recipes: Combobox, date picker and a TanStack Table data table composed from the base components.
• Themes: 19 color themes, from mono and mono warm through red, lime, teal, indigo and rose.
• Templates: Blog, portfolio, CMS, link hub, dashboard and landing page templates.
• Forms: Form components wired to React Hook Form and Zod.

Tech stack

• React, Next.js, Base UI, Tailwind CSS v4, Recharts, React Hook Form, Zod, lucide-react

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @neobrutal-ui/component-name