NeobrutalistReact UI Figma kit
A Figma kit with a neobrutalist look that maps 1:1 to the React components — 300+ components with variants, auto-layout, and Tailwind class annotations. Light and dark tokens included; Pro unlocks the kit.
- 300+ Figma components
- Variants & auto-layout
- Tailwind class annotations
- Maps 1:1 to code
- Light & dark tokens
- Included with Pro
- Theme tokens built in
- Design → ship
- Neobrutalist by design
- v1.3 kit
Scale Design and
Development
One neobrutalist system in Figma and in React — components, variants, auto-layout, and tokens that match the code kit so design and engineering stop drifting apart.
Every foundational component, as a Figma component
Buttons through dialogs and beyond ship as real Figma components with variants. Design against the same library your app installs — not a one-off mock that engineering rebuilds from scratch.
Tailwind classes on every layer
Layers are annotated with the utilities they map to in code. Handoff is copy-paste class names, not “match this padding by eye.”
Theme once — the whole kit follows
Light and dark tokens mirror the code theme. Swap primary, surfaces, and type in the kit and every instance updates, the same way CSS variables retheme the site.
Loved by devs, designers
& creators
Stumbled across your UI kit and grabbed it right away. Impressed it's new, actively maintained, and always improving — amazing work! 🤘
Ziv Reich, Software Developer Just wanted to say great job on neobrutalism.com. Really love it. I suck at design. So this was amazing. Used it on my personal site.
Paul Bratslavsky, Creator of Coding With Paul Finally rebuilt my personal website with Neobrutalism.com — fun library, super easy to get started!
Cameron Blackwood, Content Creator Neobrutalism.com is one of my favorite retro-style UI component libraries — components that actually ship.
Zhengyang Hou, Indie Hacker one of my fav ui libraries for the web. great work — hope it goes above and beyond.
Taseen Tanvir, Founder & Designer Just tried Neobrutalism.com Pro — a UI kit that doesn't look like everything else. The neo-brutalist blocks made prototyping weird, fun layouts way faster. 🔥
Nitesh Padghan, Ghostwriter Beautiful landing page design with perfect balance and flow. The color palette combined with the animations creates an exceptional user experience.
Alan Obeng-Peprah, Senior Designer @ NativeXAI I'm thoroughly impressed with the design they delivered. The final product matched exactly what I envisioned.
Desmond, Co-founder @ VectorlabsVentures As an agency owner, I usually spend weeks perfecting landing page layouts for clients. With Neobrutalism.com, I literally plug in a template, tweak the copy, and I'm ready to ship.
Duke Opoku Amankwah, Founder @ Midas The templates are not just visually stunning but also incredibly well-structured. Saved us weeks of development time.
Abiola Braimah, Developer @ Studio IX Outstanding quality and attention to detail. The responsive design works flawlessly across all devices.
Acromond X., Co-founder @ VectorlabsVentures Integrating these templates into our workflow has significantly reduced our development cycle. Excellent work.
Raquib S., Backend Developer These templates have become our go-to resource. The code is clean, well-documented, and easily customizable.
Hallic M., Developer @ AtlasLabs Neobrutalism.com templates strike the perfect balance between aesthetics and functionality. A real game-changer for our projects.
Ibrahim S., Frontend Lead @ ScaleUp Outstanding support and premium quality templates. The ROI on these templates is phenomenal.
Kevin K., CEO @ WebCraft Neobrutalism.com templates have completely transformed how we approach new client projects. The code quality is exceptional and the designs are truly world-class.
Danny G., Founder of DevStack I've used many template libraries before, but Neobrutalism.com stands out for its attention to performance optimization and clean code architecture.
Ian D., CTO at Wavelength The animations and micro-interactions in these templates are absolutely stunning. Best investment for our design team.
Ben S., Lead Designer at PixelPerfect As a non-technical founder, Neobrutalism.com templates helped us launch our MVP in record time without compromising on design quality. Our investors were blown away.
Matthew I., Startup Founder I appreciate how modular and well-documented these components are. We've been able to mix and match pieces from different templates seamlessly.
Garrett P., Frontend Lead at TechFusion The ROI on Neobrutalism.com templates is incredible. We've dramatically reduced our development time while delivering higher quality sites to our clients.
Xavier C., Agency Owner
Figma kit
FAQ
The Pro .fig design system on this page — file contents, gated download, Tailwind annotations, and how it pairs with code.