Foundation Yeti

Material Foundation

Material Design version of Foundation Framework by Zurb

View on Github

Icons

Icon are created with Material Design Iconic Font by Sergey Kupletsky.


Typography

Display 4

Display 3

Display 2

Display 1

Headline

Title

Subhead

Body 2

Body 1

Caption

Menu

Button


Buttons

Raised Button Raised Accent Button Flat Button Disabled Button

Buttons: Floating Action Button


Cards

Sample Card Name

November 10

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.

read more share


Tabs

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.



Toolbars


Text Fields


Selection Controls


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

Progress & activity


Sliders