Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Neobrutalism components – A collection of react-tailwind components

github.com

Post reply on HN
Print view View original

31–40 of 52 posts

Re: Neobrutalism components – A collection of react-tailwind components

#31

Post by likeclockwork »

paradox460 wrote: post #30
wbobeirne wrote: post #4

Looks great! Not sure if this is a Tailwind thing or not, but I think any presence of hex codes in your examples is a little disappointing. It should be trivial to adjust colors from a fixed palette, rather than find-replacing hex codes across a codebase. Especially for modifier colors like the active tab states. EDIT: I realize now that this is meant to be copied into an existing codebase, not used as a library, so…

That's tailwind in a nutshell. If you want to change colors across a code base, you have to find and replace. Now, the colors are "named" using a system, but it's still f&r

You're out here telling lies: https://tailwindcss.com/docs/customizing-colors#adding-addit...

Dealing with colors in Tailwind is no worse or better than any other theming system with named colors.

Re: Neobrutalism components – A collection of react-tailwind components

#32

Post by ChrisArchitect »

To quote an Ask HN from 10 months ago:

Do users like an aesthetic remarkable for it's not blending in anywhere, ease of construction, and lack of polish, or is the predilection towards brutalism a byproduct of the people making it not wanting to put in the care or work to make something fit?

- https://news.ycombinator.com/item?id=33692410

Re: Neobrutalism components – A collection of react-tailwind components

#34

Post by DangitBobby »

ChrisArchitect wrote: post #32

To quote an Ask HN from 10 months ago: Do users like an aesthetic remarkable for it's not blending in anywhere, ease of construction, and lack of polish, or is the predilection towards brutalism a byproduct of the people making it not wanting to put in the care or work to make something fit? - https://news.ycombinator.com/item?id=33692410

I like it, and in this scenario I'd be a user.

Re: Neobrutalism components – A collection of react-tailwind components

#36

Post by specialist »

Love this look and feel. Nicely done.

Are the text fields meant to press (move and lose shadow) when they have content?

Whereas the option button group doesn't press.

Sorry, I don't have any ideas for making the feel part more consistent.

(For I only have the design sense of stale bread. Which is why I marvel when design people like you do this kind of work.)

Re: Neobrutalism components – A collection of react-tailwind components

#37

Post by PhasmaFelis »

seabass-labrax wrote: post #20
rendall wrote: post #17

I did not understand this part: I created this collection of components for people who want to learn more about neobrutalism. There was nothing explaining what "neobrutalism" is.

Brutalism is a architectural style that was particularly popular in the 50s and 60s, characterised by lots of concrete and flat surfaces. See for instance the Boston City Hall or Trellick Tower in London. Neobrutalist is a term that is being used quite a bit now to refer to user interface designs with a similar aesthetic, that being plain colours and sharp angles.

I thought that was "flat UI." Or it was a few years ago.

Seems like they're trying to glorify an aesthetic that was anti-glory to begin with.

Re: Neobrutalism components – A collection of react-tailwind components

#38

Post by paradox460 »

likeclockwork wrote: post #31
paradox460 wrote: post #30

Earlier quoted context omitted.

That's tailwind in a nutshell. If you want to change colors across a code base, you have to find and replace. Now, the colors are "named" using a system, but it's still f&r

You're out here telling lies: https://tailwindcss.com/docs/customizing-colors#adding-addit... Dealing with colors in Tailwind is no worse or better than any other theming system with named colors.

Unless you name colors something like background, yes you do have to go through the whole HTML codebase and swap bg-gray-400 to bg-blue-600
Post reply on HN