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

Maily Open-source Email Editor
icon-eye-dark Created with Sketch. 1.163
React Simple Keyboard Virtual Keyboard
icon-eye-dark Created with Sketch. 2.982
Sentry for React React Application Monitoring
💙 Sponsored by Friends
Material-UI Dropzone File Upload Dropzone Component
icon-eye-dark Created with Sketch. 12.291
Welcome UI Design System
icon-eye-dark Created with Sketch. 505
React Sortable Pane Sortable & Resizable Pane Component
icon-eye-dark Created with Sketch. 836