This is insanely verbose just for a button with a tooltip:

  import { Button } from "@/components/ui/button"
  import {
    Tooltip,
    TooltipContent,
    TooltipProvider,
    TooltipTrigger,
  } from "@/components/ui/tooltip"
 
  export default function TooltipDemo() {
    return (
      <TooltipProvider>
        <Tooltip>
          <TooltipTrigger render={<Button variant="noShadow" />}>
            Hover
          </TooltipTrigger>
          <TooltipContent>
            <p>Add to library</p>
          </TooltipContent>
        </Tooltip>
      </TooltipProvider>
    )
  }

Contrast with plain old HTML form button where the title attribute gives the tooltip text:

  <button type="submit" title="Add to library!">Hover</button>

This is actually "Post-Corporate Memphis". Says me.

These pages are closer to "neobrutalism" or what I would call "Cybermod" [0], I think...

<https://webb.page>

<https://garden.bradwoods.io>

[0]: <https://smackernews.com/item/44415330 HN>

…and I thought I was clever when I designed https://poolometer.com to look kind a 1990s summer party / Memphis design

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.

Is there a pure CSS or CSS + JS alternative that does not rely on React?

Doesn't this tell you to stop using this style? It was fresh a few years ago when examples started popping up (Figma) but now Gemini churns it out and there are tons of templates and libraries that use the most common styling. It's not fun when there's a component library and everyone's site looks like it came from the same template.

Brutalist web design (which is really popular with artists, musicians and designers) is a beautiful style that leaves a lot of room for creativity, whereas this stuff is formulaic garbage.

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.

Is a dark mode available? That's the bit I struggle the most with this style.

Brutalism? More like 'Back to school' vibes to be honest

Shameless plug for HARDBRUT as well: https://supernihil.github.io/hardbrut/

Dark/light, accent colors but otherwise no customization. Going after standardized ui. Css blob with builtin font, or no font. Kotlin components as well

I'm a big fan of neobrutalist UIs, but I think it's easy to overdo it.

This component library and the LLM default interpretation of the style is very much "in your face."

As an example, the black scrollbar here[0] is very heavy, a component which isn't meant to be looked at, but is distracting on first glance.

Prompting an LLM to make "lightly styled" neobrutalist is much more pleasing to my eyes, but maybe I'm alone in that.

[0]https://www.neobrutalism.dev/docs

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.

looks awful (to provide a genuinely felt counter view)

Ah, yes, the Brite Bootswatch skin.

No need to mess around further.

Wouldn't web brutalism be using the browsers "native" component, as in don't style <input> elements?

https://uhbs.github.io/uhbs-standard/ using it as well

Looks great, thanks for sharing. Do you plan to add Dark Mode and/or Shadcn theming?

This is pretty cool however I feel it's inconsistent. Some elements have a drop shadow and some don't (Button vs Button Group).

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.

I just realized this is one more thing destroyed by LLM after em-dashes.

This reminds me certain flash based websites 20 years ago.

trapper keeper-ism

wonder what a whole page of this looks like, might be a bit much

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.

nice web design !

Dark mode?

looks great!

What is wrong with you, people ? Clearly delimited and readable UI elements, no themes (also called "dark/light") ? Something must be wrong here. /s