Material Foundation

Material Design version of Foundation Framework by Zurb

View on Github

Colors

Icons

Typography

Display 4

Display 3

Display 2

Display 1

Headline

Title

Subhead

Body 2

Body 1

Caption

Button

Buttons

Raised Button Raised Accent Button Raised Button Flat Button Disabled Button

Buttons: Floating Action Button

Cards

Caption Text

Sample Card Name

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

This is the first panel of the basic tab example. This is the first panel of the basic tab example.

This is the second panel of the basic tab example. This is the second panel of the basic tab example.

This is the third panel of the basic tab example. This is the third panel of the basic tab example.

This is the fourth panel of the basic tab example. This is the fourth panel of the basic tab example.

Menus

Toolbars

Text Fields

Floating Label Text Textarea with Floating Label

Selection Controls

Radio 1 Radio 2

Checkbox 1 Checkbox 2

Tooltips

button with a tooltip

Chips

Example Chip Example Chip AExample Chip

Tables

Table header	Table Header	Table Header	Table Header
Item	This is longer content.	Content Goes Here	Content Goes Here
Item	This is longer content.	Content Goes Here	Content Goes Here
Item	This is longer content.	Content Goes Here	Content Goes Here