3

Are there Google- or other reference CSS3 style sheets available for Material Design?

Google's Material Design guidelines are written using Android layout units. The only Google-sanctioned CSS-based framework I can find is the Polymer polyfills, but they're too heavy for pure styling.

As a result I've ended up modeling my own CSS3, which is pretty imprecise.

I've done the requisite Googling for Material Design css, styletsheets etc but haven't been able to find any decent references.

Because Material Design is more of an interaction than a style specification, ideally it'd be something that polyfills the interactive/UX parts of Material Design such as easings, transitions, etc in CSS


Btw I find the Material Design documentation very well written but it's weird to me that Google went through the trouble of designing a responsive UX framework and didn't bother to specify it in basic CSS.

closed as off-topic by Vitaly Mijiritsky, Evil Closet Monkey, JohnGB Mar 16 '15 at 8:47

This question appears to be off-topic. The users who voted to close gave this specific reason:

  • "Questions about Implementation are off-topic because this site is for User Experience design questions, not questions around how to implement these designs. Therefore, questions around the use of programs like Photoshop or languages such as CSS or JavaScript are off topic." – Vitaly Mijiritsky, Evil Closet Monkey, JohnGB
If this question can be reworded to fit the rules in the help center, please edit the question.

  • 1
    Not sure that this is on-topic for UX StackExchange, but I happen to know the answer so I'll give it below... – DallonF Mar 14 '15 at 20:42
  • This is definitely off topic, but I'm not sure what site to migrate it to. I'm putting it on hold for now, but I'll try find out where to migrate it to in the mean time. – JohnGB Mar 16 '15 at 8:47
4

There's a couple of CSS frameworks for Material Design, not including Polymer:

Materialize: http://materializecss.com/

Material Design for Bootstrap: http://fezvrasta.github.io/bootstrap-material-design/

There's also https://material.angularjs.org/#/ if you happen to be using AngularJS, but that might be a little bit heavy for your liking too.

  • Thanks! Materialize looks like a well-crowdsourced effort (53 contributors), and the interactions look quite authentic. – tohster Mar 14 '15 at 22:38

Not the answer you're looking for? Browse other questions tagged or ask your own question.