Show HN: Neobrutalism.dev – Just added Base UI support and added new color theme

Post by kazinator » Tue, Sep 15, 2026, 12:17 AM UTC

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

  Hover

Post by lateatdesk » Tue, Sep 15, 2026, 12:52 AM UTC

elicash wrote: post #41

cjs_ac wrote: post #9

Earlier quoted context omitted.

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.

That might be true for them to know it was AI. Which yes, was how I worded it. But not necessarily good enough for it to be differentiated from everything else. For example, in the Bootstrap days everything looked like Bootstrap and users got used to that, even if users hadn't specifically heard of the CSS framework.

Post by alehlopeh » Tue, Sep 15, 2026, 1:04 AM UTC

riversflow wrote: post #32

nzeid wrote: post #25

Earlier quoted context omitted.

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.

nothing about this is neobrutalist by their own standards. There is nothing “uncomfortable” about these standard round flat shapes, and unvibrant 3/4 saturated tones, they aren’t distinct, its called Alegria[1], calling it neobrutalism is a corruption of the meaning of brutalism and comes off as distinctly uncultured. neobrutalism should have sharp edges, very vibrant saturated colors, and virtually none of these flo…

Post by kazinator » Tue, Sep 15, 2026, 1:13 AM UTC

Waterluvian wrote: post #65

kazinator wrote: post #62

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 ( }> Hover Add to library ) } Contrast with plain old HTML form button where the title attribute gives the tooltip text: Hover

Yeah but can your tooltip render in neon brown?

Post by Waterluvian » Tue, Sep 15, 2026, 3:13 AM UTC

kazinator wrote: post #68

Waterluvian wrote: post #65

Earlier quoted context omitted.

Yeah but can your tooltip render in neon brown?

Not sure; it may be doable remotely with some CSS, in which case it would be a few lines of code for any number of buttons.