Browse files

chore: update introduction to match mdl

  • Loading branch information...
andresaraujo committed Jul 6, 2015
1 parent aac4ef4 commit 86d2207126c6ebb4a19fca6ef86c137ad500c7c5
Showing with 9 additions and 26 deletions.
  1. +9 −26
@@ -1,28 +1,11 @@
# Material Design Lite for Dart
**Material Design Light (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 MDL components.
If you have not yet read the [Material Design Introduction](,
you should do so before attempting to use the components.
The MDL components are created with CSS, Dart, 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.
The MDL component library includes new versions of common user interface controls
such as buttons, check boxes, and text fields, adapted to follow Material Design concepts.
The library also includes enhanced and specialized features like cards, column layouts, sliders, spinners, tabs, typography, and more.
MDL is free to download and use, and may be used with or without any build library or development environment
(such as [Material Design Lite](
It is a cross-browser, cross-OS web developer's toolkit that can be used by anyone who wants to write more productive,
portable, and — most importantly — usable web pages.
[Demo][mdldemo] (transpiled JS-Version)
> A library of [Material Design]( components in CSS, Dart, and HTML
([MDL Dart website][mdldemo]).
Material Design Lite lets you add a Material Design look and feel to your static content websites. It doesn’t rely on any JavaScript
frameworks or libraries. Optimised for cross-device use, gracefully degrades in older browsers, and offers an experience that is accessible
from the get-go.
## Quick Start
@@ -37,7 +20,7 @@ transformers:
- di
Add the style to your `index.html`
Add the mdl style sheet to your `index.html`
<link id="theme" rel="stylesheet" href="packages/mdl/assets/styles/material.min.css">
@@ -69,7 +52,7 @@ Material Design Lite uses the official [Material Icons font](
You can check for other options on the [Developer's Guide](
## Demos and examples
## Examples
Check out the [samples][]
## Features and bugs
@@ -100,7 +83,7 @@ or **star** this repo here on GitHub

0 comments on commit 86d2207

Please sign in to comment.