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

科技回声

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

GitHubTwitter

首页

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

资源链接

HackerNews API原版 HackerNewsNext.js

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

Show HN: Material Kit – Open Source UI for Bootstrap, React, Vuejs, React Native

193 点作者 axelut大约 6 年前

16 条评论

mr_overalls大约 6 年前
I&#x27;m an enthusiast of early 20th century architecture schools like Art Deco, Prairie Style, Streamline Moderne, and Danish Modern (for furniture &amp; housewares) because the clean lines and geometric shapes can function as a design philosophy in a variety of areas.<p>And obviously, web aesthetics like Material Design already reflect the ideas of Bauhaus and other schools.<p>But has anyone tried to replicate the &quot;feel&quot; of specific architectural approaches in their web design? For example, how would Frank Lloyd Wright design a website? Is it possible to incorporate more organic approaches like Art Nouveau without producing too much distracting visual clutter?<p>Put another way, what architectural&#x2F;design movements could provide inspiration for the next evolution of web design?<p>And as further food for thought, wouldn&#x27;t widespread use of AR&#x2F;VR would serve to strengthen the link between architecture and human-computer interaction? Your personal computing environment could become an actual space - in the architectural sense - in which to do work. The first thing I&#x27;m going to do, of course, is replicate the Johnson Wax Factory&#x27;s Great Workroom.<p><a href="https:&#x2F;&#x2F;goo.gl&#x2F;PF665e" rel="nofollow">https:&#x2F;&#x2F;goo.gl&#x2F;PF665e</a>
评论 #19225907 未加载
评论 #19226530 未加载
nik736大约 6 年前
I still don&#x27;t understand what&#x27;s so good about Material Design, I absolutely hate it.<p>But props for the effort.
评论 #19224795 未加载
评论 #19224653 未加载
评论 #19226373 未加载
评论 #19224589 未加载
评论 #19224886 未加载
axelut大约 6 年前
Hey guys, the UI kit comes also in Figma, Sketch, Photoshop and Wordpress, you can check more about it here: <a href="https:&#x2F;&#x2F;demos.creative-tim.com&#x2F;material-kit&#x2F;presentation.html" rel="nofollow">https:&#x2F;&#x2F;demos.creative-tim.com&#x2F;material-kit&#x2F;presentation.htm...</a><p>You can use it for commercial or open source applications as it is released under MIT License.<p>If you have feedback please let us know.
评论 #19227254 未加载
评论 #19227108 未加载
评论 #19224623 未加载
bsimpson大约 6 年前
I love that people make and share things, and I hate to pour water on announcements. I admire the effort that went into this.<p>That said, it makes me sad to see more fragmentation in the Material space. When Material launched, it was a set of design guidelines. A bunch of open source teams (like Material UI) stepped up and put together libraries that implemented those guidelines for specific view frameworks. This project looks like one of those efforts.<p>Since then, the Material Components for the Web project has formed. It&#x27;s staffed by Google engineers who collaborate with the designers who write the Material Guidelines. They faithfully implement the Guidelines and makes updates as necessary to keep pace with design changes. The project is designed to be wrapped by other libraries to work with specific view frameworks.<p>I&#x27;d hope that any Material library for the web that&#x27;s put together in 2019 would leverage that work. It will more faithfully follow the guidelines and be easier to maintain over time, because there&#x27;s already a team of people responsible for maintaining the underlying framework.<p>If you haven&#x27;t already, take a look at Material Components for the Web. You might have a better time if you back Material Kit with it.<p><a href="https:&#x2F;&#x2F;github.com&#x2F;material-components&#x2F;material-components-web" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;material-components&#x2F;material-components-w...</a>
LearningCoding大约 6 年前
A little off-topic, but I&#x27;m learning CSS and this seems like as good a place as any to ask: What are the alternatives to material design (which I think I understand is a certain aesthetic that incorporates shadows and textures)? Is flat design the only main alternative in modern web design, or are there others?<p>Secondly, the online course I am doing is using fluid grid but I understand that flexbox is another option. Am I better off focusing on one or the other? Thanks.
评论 #19226192 未加载
评论 #19229742 未加载
typon大约 6 年前
Using Material design always feels so sluggish. Is it the shadows? Can someone with more CSS knowledge speculate about what&#x27;s causing the high latency?
评论 #19225809 未加载
评论 #19225741 未加载
Theodores大约 6 年前
This is yet more div soup judging by the examples in the Repo and the Wordpress theme.<p>I am struggling to find anything that is using HTML5, CSS Grid, CSS variables and other niceties of evergreen browsers the right way. It is almost as if web development has forked into two paths, one path being div soup bloat and the other being increasingly more complex build tools to arrive at the logical arrival of css in js.<p>I want the sensible features in modern evergreen browsers without these options of increasing div soup or increasing complexity. We can now have a true separation of content from styling and scripting with design being content first rather than visual mockups and placeholders.<p>The problem is that to start using the modern good stuff requires unlearning the bullshit that has gone on ever since the browser wars, nobody is giving up on the hacks, the frameworks and the complexity to do it properly with succinct content, succinct styling and straightforward scripts. Everyone is telling themselves they work on a team building products that are far too complex for any chance of going forward to more sensible document markup.<p>The days of div soup are not over - as exemplified by what we have here - but, once the good stuff has been discovered and the evergreen friendly stuff learned there is no going back to div soup and the working methods that go with it.
评论 #19225112 未加载
评论 #19227537 未加载
Flavius大约 6 年前
Is this kit any better than <a href="https:&#x2F;&#x2F;material-ui.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;material-ui.com&#x2F;</a> when using React?
评论 #19225004 未加载
评论 #19224779 未加载
rsweeney21大约 6 年前
Wow, such negative comments. Nobody cares that you don&#x27;t like Material Design. &#x2F;rant<p>This looks awesome! As a designer and engineer, it&#x27;s always frustrating when I design something that turns out to be next to impossible to do with the component library we&#x27;ve chosen to use. Having such a comprehensive set of design platforms and web frameworks covered here solves that problem for us. Thank you for building this!<p>BTW, if you haven&#x27;t tried Figma, you really should. It&#x27;s cross platform and even runs perfectly smooth in your browser.<p>On that note, @axelut - it would be nice if there was a link to <i>open</i> the Figma UI Kit, so I could preview it in browser, rather than having to download it first.
评论 #19225771 未加载
francislavoie大约 6 年前
This isn&#x27;t following the latest Material spec. For example, see the text inputs; they went away with the underlined fields style (for some good reasons). I&#x27;d love to see that updated, then I might consider using it.
评论 #19226088 未加载
avinium大约 6 年前
I came across the Vuetify dashboard the other day for a side project I&#x27;m spinning out (<a href="http:&#x2F;&#x2F;www.sweephq.com" rel="nofollow">http:&#x2F;&#x2F;www.sweephq.com</a> - may or may not open source, haven&#x27;t decided yet).<p>There are some fantastic themes&#x2F;UI components here. Great job.
评论 #19224643 未加载
评论 #19226674 未加载
skilled大约 6 年前
Material Design ain&#x27;t got that cosy feel to it.
seanwilson大约 6 年前
On the product pages, what&#x27;s used to collect, store and display the customer reviews? e.g. <a href="https:&#x2F;&#x2F;www.creative-tim.com&#x2F;product&#x2F;vue-material-kit" rel="nofollow">https:&#x2F;&#x2F;www.creative-tim.com&#x2F;product&#x2F;vue-material-kit</a>. Just curious as social proof like this is really useful when you&#x27;re trying to sell products.
kevin_thibedeau大约 6 年前
So you have to upgrade to Pro to get documentation and SASS sources?
johnisgood大约 6 年前
Feels really sluggish.
nathan11大约 6 年前
This looks really nice, thanks for building it.