Show HN: Neobrutalism.dev – Just added Base UI support and added new color theme
summary
A new UI component library provides 64 pre-built elements, including charts and star shapes, specifically designed for the neobrutalism style. It leverages React, Tailwind v4, and the foundation of shadcn/ui and Base UI to enable rapid development. This toolkit allows developers to integrate a high-contrast, bold aesthetic into their projects quickly by simply picking a palette and deploying components. The goal is to reduce the time between design and shipping a functional interface.
key points
- The library integrates with modern web tools like Tailwind v4 and React, ensuring compatibility with current industry standards. It simplifies the styling process by providing curated color palettes that fit the neobrutalism aesthetic.
- The variety of components, ranging from standard UI elements to specialized charts and shapes, reduces the need for custom CSS. This allows developers to focus on layout and functionality rather than building bold visual styles from scratch.
who should read it
Frontend developers and designers who want to implement a bold, high-contrast visual style without spending hours on custom CSS. It is especially useful for those already using React and Tailwind.
discussion skeptical
consensus
Commenters generally agree that the term 'neobrutalism' is being misused or misapplied to a design style that is actually Corporate Memphis or Bauhaus. They argue that true brutalism, whether in architecture or web design, is about honesty, raw materials, and exposing structural elements rather than just applying a specific visual aesthetic like bright colors and drop shadows. There is a sentiment that the style in question has become formulaic and is often associated with AI-generated 'vibe coding' templates.
top insight
The most valuable perspective is that brutalism is not a visual style but an 'ethic of construction' where the material and structural elements are made visible. Applying this to the web means a site should reflect the mechanics of HTML and CSS rather than burying them under layers of styling. This shifts the definition from how a site looks to how it functions and what it reveals about its own construction.
Generated by an LLM from the article and thread. Check the sources before relying on it.