Neobrutalism Components
48 shadcn/ui components restyled as neobrutalism, plus 4 free Tailwind templates
Neobrutalism Components is a restyle layer over shadcn/ui: 48 React + Tailwind components rebuilt with hard black borders, offset drop shadows and saturated flat color, covering everything from Accordion and Data Table to Charts, Sidebar, Marquee and Image Card. You install the underlying shadcn component, replace globals.css with the provided styling, then paste the neobrutalism variant — component pages carry a shadcn CLI command where one applies. It also ships four free open-source templates (portfolio, blog, windowed portfolio, bento) and a companion Figma file. For projects that want a loud, opinionated aesthetic without giving up shadcn's structure.
Use this when the brief asks for something loud, retro-web, indie or deliberately anti-corporate — portfolios, hackathon projects, meme-adjacent products — not for a dashboard someone stares at all day. It is not a drop-in registry: install the base shadcn component first, then replace globals.css wholesale with their styling and paste the neobrutalism variant on top, and note that the v4 release dropped utility-class components so only the CSS-variable path works. Because the shadow and border language is applied at the component level, mixing these files with stock shadcn components in one app looks broken — commit to it or skip it.
Why it is here. The canonical neobrutalism kit for React, with enough coverage (48 components, charts, sidebar, data table) to build a whole product in the style rather than just a landing page.
- 48 components including charts and data table
- 4 free open-source templates
- companion Figma file
- CSS-variable theming, v4 rewrite
- 5.3k stars, MIT
Verified 2026-08-15. HTTP 200. https://neobrutalism.dev/, https://neobrutalism.dev/docs/, https://neobrutalism.dev/docs/installation, https://neobrutalism.dev/templates, https://api.github.com/repos/ekmas/neobrutalism-components
