Show HN: Neobrutalism.dev – Just added Base UI support and added new color theme (neobrutalism.dev)
66 points by samke- 3 hours ago
bradly 2 hours ago
I enjoy the look of these, but personally I wouldn't have thought to describe them as neobrutalist, so I'm thinking I don't know what it is.
How is brutalism defined in this context? When I think web brutalism I think Craigslist style sites and reduction of superfluous design elements.
netsharc an hour ago
Yeah, I can't stand these influencer-wannabe web-devs misusing terms.
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...
nzeid an hour ago
FWIW, from the OP website:
> 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.
riversflow 43 minutes ago
martythemaniak an hour ago
Right, hence why it's called "Neo-brutalist" and not "brutalist". It's not just plain un-styled html.
samastur an hour ago
wpm an hour ago
JimBlackwood an hour ago
“neowhimsical” would be a more accurate description. Definitely not “brutalist”, I’m unsure if the founders of this term ever saw anything brutalist.
twochillin 16 minutes ago
There's two definitions of brutalist web design. https://news.ycombinator.com/item?id=42027654#42028919
Lalabadie an hour ago
I think your definition is closer. I would instead look at Bell Kiosk as a good example of someone doing the digital equivalent of brutalism
whalesalad an hour ago
I would call this bauhaus not neobrutalism.
elevaet 3 minutes ago
Neobrutalism has been around long enough as a web style (ca. 2021?) that the name has already stuck, but you're totally right.
martythemaniak an hour ago
It's a niche and not super-well defined, but definitely existing style, ie: https://neubrutalism.com/
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.
bradly 10 minutes ago
Interesting. I had thought my own web site (https://bradlyfeeley.com) was neo-brutalist, so I was taken back by how different this design was from my own.
rawgabbit an hour ago
I am not a front end dev. But one question I always had is why px and not em? I thought em as a relative distance would be better than hard coding px?
tolerance 7 minutes ago
This is actually "Post-Corporate Memphis". Says me.
These pages are closer to "neobrutalism" or what I would call "Cybermod" [0], I think...
wps 2 hours 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.
yieldcrv an hour ago
I associate beige or purple extremely long landing pages with vibe coded
alongside 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
rodolphoarruda an hour ago
Is there a pure CSS or CSS + JS alternative that does not rely on React?
lioeters 21 minutes ago
I wish. React + Tailwind as the commonly accepted default is too bad, it sacrifices portability for convenience. It's legacy code in the making, like jQuery and Bootstrap.
bl4kers 18 minutes ago
First thing I thought. Tying it to React is a shame.
mrweasel 33 minutes ago
Wouldn't web brutalism be using the browsers "native" component, as in don't style <input> elements?
brauhaus 2 hours ago
Is a dark mode available? That's the bit I struggle the most with this style.
ricardobayes 29 minutes ago
This is pretty cool however I feel it's inconsistent. Some elements have a drop shadow and some don't (Button vs Button Group).
julianlam an hour ago
Ah, yes, the Brite Bootswatch skin.
No need to mess around further.
slig 2 hours ago
Looks great, thanks for sharing. Do you plan to add Dark Mode and/or Shadcn theming?
elicash 2 hours ago
The charts are particularly great.
I 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.
cjs_ac 2 hours ago
Unless you're building apps for people who are also in tech, your users won't have any idea what UI styles different LLMs push.
Svoka an hour ago
Brutalism? More like 'Back to school' vibes to be honest
accrual an hour ago
Agree, this would probably be great UI for K-6 level educational apps.
samastur 2 hours ago
looks awful (to provide a genuinely felt counter view)
raincole 2 hours ago
I just realized this is one more thing destroyed by LLM after em-dashes.
switchbak an hour ago
This is like the high waisted, mom-pants of browser UI design.
jawngee an hour ago
trapper keeper-ism
nzeid an hour ago
Reminds me of Notion and old Basecamp.
This is a very easy sell for me because everything these days is doing the infuriating gray text on gray background.
martythemaniak an hour 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/
Since mine is just a hacky vibe-coded single css file, I might switch to yours with a custom colour scheme.
ls1911 3 hours ago
nice web design !
owencmcgrath 2 hours ago
looks great!