The Material Design Lite (MDL) from Google is a really great thing if you want to create semantic websites with nice looking elements that also fit for mobile devices.

But sooner or later you may face the problem that the components provided by the MDL are not covers all your needs. For example you will need a component that works similar to your phones contact form when you deal with multiple similar data, like phone numbers: add and remove, change type, set value. Or you need a file uploader that has the style of the MDL. And so on.

This library provides different components as extensions to the official MDL library. Please read the The Material Design Lite license.

• PHP 5.5+ (for composer)
• Sass (for compile scss files)
• Material Design Lite
• [Java] (http://www.java.com/en/download/mac_download.jsp) (for the YUI compressor)
• YUI Compressor

• Download and unzip the source files or clone the repository
• Download and unzip the Material Design Lite into the vendor folder or use the composer by running the php composer.phar install command to get the required MDL packages
• Use the YUI Compressor in the library folder

• Run the following commands to compile the scss files and compress css and js files:

sass src/kvl/_kvl.scss:src/kvl/snippets/static/material.kvl.css

java -jar library/yuicompressor.jar src/kvl/snippets/static/material.kvl.css -o src/kvl/snippets/static/material.kvl.min.css
java -jar library/yuicompressor.jar src/kvl/kvl.js -o src/kvl/snippets/static/material.kvl.min.js

sass src/file/_file.scss:src/file/snippets/static/material.file.css

java -jar library/yuicompressor.jar src/file/snippets/static/material.file.css -o src/file/snippets/static/material.file.min.css
java -jar library/yuicompressor.jar src/file/file.js -o src/file/snippets/static/material.file.min.js

• Include the generated files into your HTML and use the syntax described in each components' README.md file.

• Check Change log