Live data from Hacker News

Neobrutalism components – A collection of react-tailwind components

github.com

41–50 of 52 posts

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

#41

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.)

Thanks.

Input fields move and lose shadow while they are in focus.

"Whereas the option button group doesn't press." I guess you are thinking about tabs. Idk honestly why I didn't make them press.

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

#43

The border radii don’t quite fit together, and you can easily see the gaps on an iPad.

It would feel more appropriate to me to not have rounded corners at all - you'd be hard pushed to find rounded edges on a truly brutalist block of flats!

I should have mentioned this in readme and docs, but the point of this project is to inspire you to make your own neobrutalism components based on those I created. You can edit them however you like :)

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

#45
post #15

This is great. Just yesterday, i was looking for something like this, and found: https://themeforest.net/item/bruddle-neo-brutalism-ui-kit-fo... - Having actual react components will make it much easier to build new stuff. I really like the look and feel, but I believe my next side project will be more pixel design/90s, which looks more "techy" for me.

Thank you!

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

#48

Design feedback: Active tab has no contrast at all. Same with: select options, side menu. Slightly harsh but probably an easy fix! To me Neobrutalism is all about being brutally readable (or maybe that's just what I like about it)

I will fix it, thanks.

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

#49

As you're asking for feedback: the components are not accessible. I've assessed a lot of UI libraries [1] and most of them have issues. You can start with running Lighthouse (Audit tab in Chrome) to get and fix at least all the tool-detectable issues. [1] https://darekkay.com/blog/accessible-ui-frameworks/

I will fix it. Nice blog post btw.

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

#50
post #42

The border radii don’t quite fit together, and you can easily see the gaps on an iPad.

Can you tell me the exact device you're using, the browser and its version? Thank you.

An iPad with iOS 17.
Post reply on HN