Google says MDL is framework agnostic, and can be used with just about any front-end solution a web designer or developer might want to use. Gzipped, MDL’s code is under 27kb.
MDL uses Paper elements, which allows a developer to take pieces of Material Design to use if the entire code isn’t complementary to their needs. You could, for instance, plug a MDL graph into an existing website without using other Material Design components.
For those interested in using MDL, Google is offering up buttons, text-fields, tooltips and spinners. There are also responsive grids and breakpoints that follow Material Design and adaptive UI guidelines. MDL works best on “modern evergreen browsers” like Chrome, Firefox, Opera, Microsoft Edge and Safari.
Google prefers developers to reference MDL via its content delivery network, but has the code up on GitHub for anyone who may want to fork it. MDL is spec compliant, but will continue to evolve as Google receives feedback (or sees what others do with it).
➤ Introducing Material Design Lite [Google]
Pssst, hey you!
Do you want to get the sassiest daily tech newsletter every day, in your inbox, for FREE? Of course you do: sign up for Big Spam here.