Cat Invaders
Arcade shooterA feline fleet descends. Hold the line.
Arrows · Space · P · Touch
Play now
Back to AI & Tools
UI KIT 01 · Figma UI kit · Available now
Neo Brutalism UI Library
A shadcn-style neo-brutalist system for Figma: 45+ components, 288 variants, Figma Variables, light and dark modes and 61 Lucide icons, made to get you from idea to interface fast.
€25 · one-time, one license per designerFor designers who want a shadcn-style neo-brutalist system with real tokens.
- Type
- Figma UI library
- Made by
- Designed and built by Basma Gh
- Editions
- Lite, free on Figma Community. Full, €25 on Gumroad
The problem
Most UI kits are a pile of hardcoded frames: every brand change means detaching components and repainting them by hand.
What it does
Color, radius, border, spacing and type run on Figma Variables with light and dark modes, so a token change carries across every component.
Who it's for
Makers on shadcn/ui, agencies and brand designers, and anyone prototyping fast.
Built like a system. Not a component dump.
Neo-brutalism is the starting point, not a cage. Change the tokens for color, type, radius, border and spacing, and the system carries those decisions across the components.
Component naming and structure follow shadcn/ui, so design-to-code handoff needs less translation for teams that build with it. The visual layer is neo-brutalist: thick borders, hard shadows and bold color.
Three things it does for you.
- 01Tokens
Change a token and the library follows. Color, radius, border, spacing and typography are variable-driven, so you can make the kit yours without detaching everything.
- 02Modes
Light and dark, already connected. Switch the mode on a frame and the components follow: less cleanup, fewer one-off states, faster reviews.
- 03Handoff
Names that map to shadcn/ui. Component naming and structure feel familiar to teams building with shadcn, so handoff needs less translation.
Try it free, buy the system.
| Feature | Lite, free | Full, €25 |
|---|---|---|
| Components | Preview frames only | 45+ components, 30 variant sets |
| Variants and properties | None | 288 variants: Variant, Size, State |
| Figma Variables | Hardcoded values | Color, radius, border, spacing, type |
| Light and dark modes | Light only | One switch restyles every component |
| Text styles | None | 15 text styles in Space Grotesk |
| Lucide icons | None | 61 token-bound components |
| Documentation | None | Getting Started, Tokens, Showcase |
| Use in projects | Explore and duplicate | Unlimited personal and client work |
| Updates | None | Free for life |
One purchase covers one designer. Every person who edits with the library needs their own license; developers who only view the file for implementation do not. No resale, redistribution or re-upload to Figma Community or any marketplace.
Made for people who ship.
- Makers on shadcn/ui
- Go from shadcn to Figma without translating the whole system. Familiar names make design and code easier to line up.
- Agencies and brand designers
- Swap tokens, add the brand, then hand off a system rather than a pile of detached screens.
- Fast prototypers
- Variants, states and tokens are already there when an idea needs to move fast.
Questions, answered.
Is the Neo Brutalism UI Library free?
The Lite edition is free on Figma Community and shows the style in light mode with preview frames. The full library, with 45+ components, Variables, light and dark modes and Lucide icons, is a one-time purchase of €25.
Does it work with Figma Variables and dark mode?
Yes. Color, radius, border, spacing and typography are Figma Variables with light and dark modes, so switching a mode restyles every component.
Is it based on shadcn?
The components follow shadcn naming and structure, so the Figma file maps cleanly to a shadcn/ui codebase. You do not need shadcn/ui to use it: it works as a standalone Figma design system.
What does the license cover?
One purchase covers one designer, with unlimited personal and client projects and free updates. Each person who edits with the library needs their own license. No resale or redistribution.
What do I get when I buy the full library?
A .fig file with 45+ components and 288 variants, Variables for color, radius, border, spacing and typography, 15 text styles in Space Grotesk, 61 Lucide icon components, Getting Started, Tokens and Showcase pages, plus a README and LICENSE.
Let's talk
Let's make
Let's make
it happen.
For product leadership, ambitious projects, and interesting collaborations.
