I'm an enthusiast of early 20th century architecture schools like Art Deco, Prairie Style, Streamline Moderne, and Danish Modern (for furniture & 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 "feel" 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/design movements could provide inspiration for the next evolution of web design?<p>And as further food for thought, wouldn't widespread use of AR/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'm going to do, of course, is replicate the Johnson Wax Factory's Great Workroom.<p><a href="https://goo.gl/PF665e" rel="nofollow">https://goo.gl/PF665e</a>
Hey guys, the UI kit comes also in Figma, Sketch, Photoshop and Wordpress, you can check more about it here: <a href="https://demos.creative-tim.com/material-kit/presentation.html" rel="nofollow">https://demos.creative-tim.com/material-kit/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.
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'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'd hope that any Material library for the web that'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's already a team of people responsible for maintaining the underlying framework.<p>If you haven'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://github.com/material-components/material-components-web" rel="nofollow">https://github.com/material-components/material-components-w...</a>
A little off-topic, but I'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.
Using Material design always feels so sluggish. Is it the shadows? Can someone with more CSS knowledge speculate about what's causing the high latency?
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.
Is this kit any better than <a href="https://material-ui.com/" rel="nofollow">https://material-ui.com/</a> when using React?
Wow, such negative comments. Nobody cares that you don't like Material Design. /rant<p>This looks awesome! As a designer and engineer, it's always frustrating when I design something that turns out to be next to impossible to do with the component library we'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't tried Figma, you really should. It'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.
This isn'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'd love to see that updated, then I might consider using it.
I came across the Vuetify dashboard the other day for a side project I'm spinning out (<a href="http://www.sweephq.com" rel="nofollow">http://www.sweephq.com</a> - may or may not open source, haven't decided yet).<p>There are some fantastic themes/UI components here. Great job.
On the product pages, what's used to collect, store and display the customer reviews? e.g. <a href="https://www.creative-tim.com/product/vue-material-kit" rel="nofollow">https://www.creative-tim.com/product/vue-material-kit</a>. Just curious as social proof like this is really useful when you're trying to sell products.