Launched January 10, 2023
NeoBrutalismCSS
A CSS library embracing the neo-brutalist design principles
FreeDesignUI LibraryOpen Source16,376 impressions#25 of its week
lightweight and minimalist CSS library inspired by the principles of neo-brutalist web design. It provides a set of simple and modular CSS classes to help you create brutalist-style web pages with ease.
NeoBrutalismCSS is a lightweight (<100KB) CSS library offering modular classes for neo-brutalist web designs.
- for
- Web developers who want fast, minimalist styling for brutalist-style sites.
- pricing
- free
- license
- MIT
- v1.0.0a year ago
works withnpmpnpmyarn
Key features
6 features of NeoBrutalismCSS
- Small footprint — Weighs less than 100KB, keeping pages fast and lightweight.
- Modular classes — Provides simple, reusable CSS classes to build brutalist components.
- Easy installation — Install via npm, pnpm, yarn or include via CDN with a single link tag.
- HTML-first usage — Apply styles directly to HTML elements without a build step.
- Customizable — Override any class to match project-specific design requirements.
- No runtime dependencies — Pure CSS, works with any front-end framework or plain HTML.
Use cases
- Add neo-brutalist styling to a marketing landing page.
- Prototype brutalist UI concepts quickly without a JavaScript framework.
- Style documentation or blog sites with a distinctive aesthetic.
- Create low-bandwidth web pages for mobile or edge deployments.
NeoBrutalismCSS vs alternatives
 NeoBrutalismCSS |  shadcn/ui |  Material UI |  Flowbite |  Ionic | |
|---|---|---|---|---|---|
| Best for | Modular brutalist CSS framework | Open-source React UI components | Material Design React components | Tailwind CSS component library | Cross-platform mobile UI toolkit |
| Pricing | Free | Free | Free | Free | Free |
| DevHunt upvotes | 7 | 0 | 0 | 36 | 0 |
| Launched | Jan 2023 | — | — | Jan 2024 | — |
- NeoBrutalismCSS vs shadcn/ui: React-focused component library, not pure CSS
- NeoBrutalismCSS vs Material UI: Implements Material Design, larger bundle size
- NeoBrutalismCSS vs Flowbite: Tailwind-based UI components, requires Tailwind setup
- NeoBrutalismCSS vs Ionic: Mobile-oriented UI toolkit, includes JS components
NeoBrutalismCSS FAQ
How do I install NeoBrutalismCSS?+
Run `npm install neobrutalismcss` (or pnpm/yarn) or include the stylesheet via a CDN link.
Can I use NeoBrutalismCSS with any framework?+
Yes, it is pure CSS and works with React, Vue, Svelte, or plain HTML.
How large is the library?+
The compiled CSS is under 100KB.
How do I customize the default styles?+
Override the provided classes in your own stylesheet to adjust colors, spacing, or typography.
Is there a build step required?+
No, you can simply link the CSS file in the `<head>` of your HTML.
Summarized by DevHunt from matifandy8.github.io · Oct 4, 2026. Details may change; check the official site.
.png?width=64)
