Skip to content

NeobrutalistReact UI Figma kit

Design in Figma, ship in code. 300+ neobrutalist components with variants, auto-layout, and Tailwind class annotations that map 1:1 to Neobrutalism.com. Light and dark tokens included. Pro unlocks the kit.

Figma kit
300+ components
  • 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

Build consistent, on-brand interfaces faster. Our Figma kit provides all the building blocks you need with components and variants to take Figma's auto-layout for production, and two-way sync using code.

Contains all the foundational Neobrutalism.com components.

Every Neobrutalism.com component, from buttons to dialogs, is accessible as a Figma component. Design confidently, assured that your designs will align seamlessly with your codebase.

Tailwind classes panel in the Neobrutalism.com Figma kit

Easily customize your theme

Swap the theme tokens once and every component follows — the kit mirrors the same light and dark palettes the code ships with.

Components panel in the Neobrutalism.com Figma kit

Tailwind classes support

Every layer is annotated with the Tailwind classes it maps to, so handing a design to code is copy-paste instead of guesswork.

Theme tokens panel in the Neobrutalism.com Figma kit

Design Your Next Dream Project

Download Kit