TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Neobrutalism components – A collection of react-tailwind components

65 点作者 samke-超过 1 年前
Hi, can you give me your opinion about this project? What else I should add?

21 条评论

darekkay超过 1 年前
As you&#x27;re asking for feedback: the components are not accessible. I&#x27;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.<p>[1] <a href="https:&#x2F;&#x2F;darekkay.com&#x2F;blog&#x2F;accessible-ui-frameworks&#x2F;" rel="nofollow noreferrer">https:&#x2F;&#x2F;darekkay.com&#x2F;blog&#x2F;accessible-ui-frameworks&#x2F;</a>
评论 #37797086 未加载
评论 #37804899 未加载
game_the0ry超过 1 年前
Good effort! (I mean that)<p>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&#x27;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&#x27;t strike me as &quot;timeless&quot;, more like a cool trend.
rendall超过 1 年前
I did not understand this part: <i>I created this collection of components for people who want to learn more about neobrutalism.</i><p>There was nothing explaining what &quot;neobrutalism&quot; is.
评论 #37796630 未加载
throwaway-42808超过 1 年前
Design feedback: Active tab has no contrast at all. Same with: select options, side menu.<p>Slightly harsh but probably an easy fix!<p>To me Neobrutalism is all about being brutally readable (or maybe that&#x27;s just what I like about it)
评论 #37804862 未加载
pie_flavor超过 1 年前
It&#x27;s rather hard to figure out the difference between interactable and non-interactable elements - buttons have the same drop-shadow as badges.
latchkey超过 1 年前
Everything looks like a button.
评论 #37796102 未加载
d--b超过 1 年前
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”.
knallfrosch超过 1 年前
Cool look.<p>However, buttons don&#x27;t become &quot;unpressed&quot; on Firefox Android after touching them. They never get their shadow back.
评论 #37804847 未加载
tehlike超过 1 年前
This is great.<p>Just yesterday, i was looking for something like this, and found: <a href="https:&#x2F;&#x2F;themeforest.net&#x2F;item&#x2F;bruddle-neo-brutalism-ui-kit-for-saas-apps&#x2F;45507215" rel="nofollow noreferrer">https:&#x2F;&#x2F;themeforest.net&#x2F;item&#x2F;bruddle-neo-brutalism-ui-kit-fo...</a> - Having actual react components will make it much easier to build new stuff.<p>I really like the look and feel, but I believe my next side project will be more pixel design&#x2F;90s, which looks more &quot;techy&quot; for me.
评论 #37804838 未加载
specialist超过 1 年前
Love this look and feel. Nicely done.<p>Are the text fields meant to press (move and lose shadow) when they have content?<p>Whereas the option button group doesn&#x27;t press.<p>Sorry, I don&#x27;t have any ideas for making the feel part more consistent.<p>(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.)
评论 #37804715 未加载
earthboundkid超过 1 年前
The button doesn’t have type=button, ffs.
评论 #37804831 未加载
pastacacioepepe超过 1 年前
Looks great. Maybe a switch component?
评论 #37804659 未加载
wbobeirne超过 1 年前
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.<p>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.
评论 #37798438 未加载
ChrisArchitect超过 1 年前
To quote an Ask HN from 10 months ago:<p><i>Do users like an aesthetic remarkable for it&#x27;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?</i><p>- <a href="https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=33692410">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=33692410</a>
评论 #37799584 未加载
omneity超过 1 年前
Nice touch with the marquee component!<p>Maybe as an addition you could introduce animations with jagged easings such as slide in, spring ... DHTML style.
lagniappe超过 1 年前
I&#x27;m probably not the target market for this, but my first observation is that this reminds me of dev.to&#x27;s visual aesthetic
troupo超过 1 年前
This reminds me of gov.uk esthetic a bit, especially when it comes to buttons: <a href="https:&#x2F;&#x2F;design-system.service.gov.uk&#x2F;components&#x2F;button&#x2F;" rel="nofollow noreferrer">https:&#x2F;&#x2F;design-system.service.gov.uk&#x2F;components&#x2F;button&#x2F;</a>
tz18超过 1 年前
&quot;ugly&quot; is not an aesthetic
评论 #37797557 未加载
评论 #37799718 未加载
评论 #37797490 未加载
earthboundkid超过 1 年前
The border radii don’t quite fit together, and you can easily see the gaps on an iPad.
评论 #37796689 未加载
评论 #37804771 未加载
threatofrain超过 1 年前
How about a textarea component that expands as needed to fit the content?
评论 #37796003 未加载
评论 #37796045 未加载
评论 #37796005 未加载
pmkelly4444超过 1 年前
love this! will use for personal site
评论 #37804654 未加载