Birbla

Join the discussion

Write your take first — we'll ask for email only when you're ready to publish.

Sign in
  • Hacker News
  • Is a dark mode available? That's the bit I struggle the most with this style.
    by brauhaus
  • 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.

    by martythemaniak
  • 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.

    by columk
  • Is there a pure CSS or CSS + JS alternative that does not rely on React?
    by rodolphoarruda
  • …and I thought I was clever when I designed https://poolometer.com to look kind a 1990s summer party / Memphis design
    by thejazzman
  • 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.

    by bradly
  • 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://news.ycombinator.com/item?id=44415330>

    by tolerance
  • 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>
    by kazinator

Explore Birbla archives