Skip to content
Index730 resources
Neobrutalism Components

Neobrutalism Components

48 shadcn/ui components restyled as neobrutalism, plus 4 free Tailwind templates

Tier A · StrongTheme PackComponent LibraryTemplateneobrutalism.dev

(Visit neobrutalism.dev ↗)(Docs)(Repository)
Preview image from neobrutalism.dev

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.

For an agent

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.

Install command, framework, licence and component list.

Facts

License
MIT
Pricing
Free, Open source
Framework
React, Next.js
Styling
Tailwind CSS, CSS custom properties
Distribution
Copy-paste snippet, CLI installer, GitHub repository, Figma file or kit
Platform
Web
Content type
Code, Figma / design source files
Agent readiness
Copy-paste ready code, CLI installable, Structured documentation, Readable open source
Accessibility
Built on accessible primitives, Accessible
Maturity
Actively maintained
Pricing detail
Everything is free, including the four templates and the Figma file.
GitHub stars
5,313

Components it ships

48 total
AccordionAlert DialogAlertAvatarBadgeBreadcrumbsButtonCalendarCardCarouselChartCheckboxCollapsibleComboboxCommand PaletteContext MenuDate PickerData GridDialogDrawerDropdown MenuFormHover CardImageText InputOtp InputLabelMarqueeMenubarNavigation MenuPaginationPopoverProgress BarRadio GroupResizableScroll AreaSelectSheetSidebarSkeletonSliderToastSwitchTableTabsTextareaTooltip

Helps you build

5
HomepageBlogBlog PostPublic ProfileFeatures

Templates

4

Notable for

  • 48 components including charts and data table
  • 4 free open-source templates
  • companion Figma file
  • CSS-variable theming, v4 rewrite
  • 5.3k stars, MIT

Provenance

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

Also in Blocks, Templates & Themes

6
neobrutalism.devTier A