✨ A lightweight implementation of Material Design components in vanilla CSS, JS, and HTML.
Material Design Lite (MDL) lets you add a Material Design look and feel to your static content websites.
✅ No frameworks required
✅ Cross-device optimized
✅ Accessible and responsive
✅ Graceful degradation in older browsers
⚠️ Limited Support Notice
MDL is in limited support. Development has moved to 👉 Material Components for the Web.
PRs are welcome, but no breaking changes will be accepted.
This guide is intended for developers contributing to or compiling MDL.
If you're just looking to use MDL on your project, visit 👉 getmdl.io
| IE9 | IE10 | IE11 | Chrome | Opera | Firefox | Safari | Chrome (Android) | Mobile Safari |
|---|---|---|---|---|---|---|---|---|
| 🟡 B | 🟢 A | 🟢 A | 🟢 A | 🟢 A | 🟢 A | 🟢 A | 🟢 A | 🟢 A |
- 🟢 A-grade: Fully supported
- 🟡 B-grade: CSS-only fallback
Clone using Git:
git clone https://github.com/google/material-design-lite.gitOr download it directly 👉 Download ZIP
🪟 Windows Users: Fix line endings issues:
git config core.eol lf
git config core.autocrlf input
git rm --cached -r .
git reset --hard🛑 The
masterbranch is unstable. Use a tagged release, npm, or bower for stable builds.
MDL is in limited support.
✅ We accept PRs for enhancements
⛔ No breaking changes will be merged
Found a bug 🐞? Have a cool feature 💡? Want to contribute 👨🔧?
Check our 👉 Contributing Guidelines
More info here 👉 MDL Wiki
Use the
mdl-1.xbranch for your PRs.
Check out Material Components for Web — MDL v2!
🚧 Still in Alpha: Everything is a moving target.
We'd ❤️ your feedback on integration and usage!
© Google, 2015
Licensed under the Apache-2.0 License