Download
Material Design Lite lets you add a Material Design look and feel to your websites. It doesn’t rely on any JavaScript frameworks and aims to optimize for cross-device use, gracefully degrade in older browsers, and offer an experience that is immediately accessible. The MDL components are created with CSS, JavaScript, and HTML. You can use the components to construct web pages and web apps that are attractive, consistent, and functional. Pages developed with MDL will adhere to modern web design principles like browser portability, device independence, and graceful degradation. Material Design Lite (MDL) is a library of components for web developers based on Google's Material Design Philosophy: "A visual language for our users that synthesizes the classic principles of good design with the innovation and possibility of technology and science." Understanding the goals and principles of Material Design is critical to the proper use of the Material Design Lite components.
Features
- An implementation of Material Design components in vanilla CSS, JS, and HTML
- A-grade browsers are fully supported
- B-grade browsers will gracefully degrade to our CSS-only experience
- MDL is currently in limited support mode
- Common user interface controls such as buttons, check boxes, and text fields
- Includes enhanced and specialized features like cards, column layouts, sliders, spinners, tabs, typography, and more
Project Samples
