Show HN: Neobrutalism.dev – Just added Base UI support and added new color theme
49 points by samke- 2 hours ago | 25 comments
rodolphoarruda 5 minutes ago
Is there a pure CSS or CSS + JS alternative that does not rely on React?
replywps 40 minutes ago
Really unfortunate how much I immediately associate this with vibe coded sites. So many models trend to this exact neobrutalist style when any semblance of Swiss design or minimalism is mentioned in the prompt. However, I really do like how the style looks on some sites, like in https://www.not-ship.com/united-nations-map/ which was on HN earlier.
replyyieldcrv 9 minutes ago
I associate beige or purple extremely long landing pages with vibe coded
replyalongside infinite tangentially related features, because it lacks intention but the creator was stuck in a bout of AI psychosis
here, on the other hand, I’m wondering why they would even release this, as it should be a component for more intentional vibe coding. A Claude design template masqueraded as a whole framework
elicash 54 minutes ago
The charts are particularly great.
replyI will say I'm afraid to use this style because Gemini seems to love it so much and therefore users will make assumptions about how the website was created.
slig 52 minutes ago
Looks great, thanks for sharing. Do you plan to add Dark Mode and/or Shadcn theming?
replybrauhaus 33 minutes ago
Is a dark mode available? That's the bit I struggle the most with this style.
replyraincole 34 minutes ago
I just realized this is one more thing destroyed by LLM after em-dashes.
replymartythemaniak 24 minutes ago
I love it! I've been using my own styling for my various projects that I call "Soft NeoBrutalism" that's more colourful and lower contrast since I find most neobrutalist styles to be too stark. Sample here: https://frost-e.com/design-system/
replySince mine is just a hacky vibe-coded single css file, I might switch to yours with a custom colour scheme.
How is brutalism defined in this context? When I think web brutalism I think Craigslist style sites and reduction of superfluous design elements.
béton brut means "raw concrete" in French, and in architecture that's what brutalism is. I'd say only sites that look like they use the default style of HTML with no CSS on Netscape 1.x could be called "brutalist"...
E.g. https://stallman.org
IMO the design is more "Windows 3.1 Hot Dog Stand Theme" https://blog.codinghorror.com/a-tribute-to-the-windows-31-ho... combined with MS WordArt...
> Neobrutalism is a mix of regular brutalism in web design and more modern typography, illustration, and animation standards. Neobrutalism refuses the usual components of UX-UI design and embraces uncomfortable design elements, and it is more fearless to use distinctive color palettes.
Broadly, it's a move away from flat, low contrast Material-type UIs and also away from the 'gradients and curves' AI-era designs and back into something that's more like the early web.