made with react.js

Neobrutalism.com

UI Library

Visit Site

Description

UI Library

"Neobrutalism is a web design style that emerged in the late 2010s as a reaction to the sameness of flat, minimal design. It takes the rawness of brutalist architecture – honest materials, visible structure – and translates it to the screen with bold color and playful geometry.

Neobrutalism.com is a design system that brings the style to React – built on the same registry model as shadcn/ui. You don't install a package: the shadcn CLI copies each component's source into your project, and from that point it's your code."

  • Components: The full set, styled to one recipe so borders, shadows, and type agree with each other
  • Blocks: Ready-made sections for heroes, pricing tables, auth screens, dashboards
  • Templates: Complete sites and admin panels
  • Themes: A theme builder with shareable presets
  • Figma kit: The same system for designers
  • MCP server: AI editors like Claude Code and Cursor can add components by name

Creator

Arif Hossain
@ariflogs


Social Media Links

json-edit-react Component for Viewing & Editing JSON Data
icon-eye-dark Created with Sketch. 50
Sequential Workflow Designer for React Flowchart Editor Component
icon-eye-dark Created with Sketch. 412
Sentry for React React Application Monitoring
πŸ’™ Sponsored by Friends
We’re hosting on Digital Ocean! πŸ’™ Try it today and get a free $100 credit.
React Thermal Printer React for Thermal Printing
icon-eye-dark Created with Sketch. 3.999
Draftail Configurable Rich Text Editor
icon-eye-dark Created with Sketch. 410