[HN Gopher] Show HN: Neobrutalism components - A collection of r...
___________________________________________________________________
Show HN: Neobrutalism components - A collection of react-tailwind
components
Hi, can you give me your opinion about this project? What else I
should add?
Author : samke-
Score : 43 points
Date : 2023-10-06 19:11 UTC (3 hours ago)
(HTM) web link (github.com)
(TXT) w3m dump (github.com)
| wbobeirne wrote:
| 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 you are expected to
| adjust this to your taste.
| darekkay wrote:
| 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/
| GGO wrote:
| I was sad to not see vuetify in the reviews. I was wondering
| how it stacks up since it lists a11y as core feature.
| threatofrain wrote:
| How about a textarea component that expands as needed to fit the
| content?
| kevinsync wrote:
| It would be far more brutal to just limit all textareas to 30
| characters and let the user suffer.
| frereubu wrote:
| I get you're craking a joke, which made me laugh, but just in
| case you weren't aware the original meaning of "Brutalism"
| was from the French word "brut" or "raw". Think raw concrete,
| not "being brutal to someone".
| [deleted]
| troupo wrote:
| This is the smallest/easiest trick to do what you need(see full
| code in the embedded Codebox): https://css-tricks.com/the-
| cleanest-trick-for-autogrowing-te...
|
| You might have to figure out how to properly set it up in React
| lagniappe wrote:
| I'm probably not the target market for this, but my first
| observation is that this reminds me of dev.to's visual aesthetic
| tehlike wrote:
| 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.
| omneity wrote:
| Nice touch with the marquee component!
|
| Maybe as an addition you could introduce animations with jagged
| easings such as slide in, spring ... DHTML style.
| game_the0ry wrote:
| Good effort! (I mean that)
|
| Not a criticism of your project, but could someone give me an
| idea as to why neobrutalism is popular at the moment? I first
| noticed this trend on Gumroad's site. It def looked cool, but
| more sites seem to have adopted this style, so much so it seems
| like an entire design pattern (sort of like material). It doesn't
| strike me as "timeless", more like a cool trend.
| pmkelly4444 wrote:
| love this! will use for personal site
| rendall wrote:
| 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.
| seabass-labrax wrote:
| 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.
| pastacacioepepe wrote:
| Looks great. Maybe a switch component?
| pie_flavor wrote:
| It's rather hard to figure out the difference between
| interactable and non-interactable elements - buttons have the
| same drop-shadow as badges.
| d--b wrote:
| Congrats on the project, what you did looks nice but I have to
| say this: "brutalism" and "react" kind of clash in my mind. I
| understand you're inspired by the brutalist aesthetics, but I
| read the very definition of brutalism as "not react".
| troupo wrote:
| This reminds me of gov.uk esthetic a bit, especially when it
| comes to buttons: https://design-
| system.service.gov.uk/components/button/
| latchkey wrote:
| Everything looks like a button.
| pc86 wrote:
| Everything is a button if you're persistent enough.
| throwaway-42808 wrote:
| 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)
| earthboundkid wrote:
| The border radii don't quite fit together, and you can easily see
| the gaps on an iPad.
| seabass-labrax wrote:
| 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!
| earthboundkid wrote:
| The button doesn't have type=button, ffs.
___________________________________________________________________
(page generated 2023-10-06 23:00 UTC)