Buttons Primary

Material

Sharp Corners

Rounded

Flat button

Flat Sharp Corners

Flat Rounded


Normal

Focused

Pressed

Normal

Focused

Pressed

Normal

Focused

Pressed

Normal

Focused

Pressed

Normal

Focused

Pressed

Normal

Focused

Pressed

Buttons optional

Material borders

Sharp C. Borders

Rounded Borders

Material borders

Flat Sharp C. B.

Flat R. Borders


Normal

Focused

Pressed

Normal

Focused

Pressed

Normal

Focused

Pressed

Normal

Focused

Pressed

Normal

Focused

Pressed

Normal

Focused

Pressed

Input

Simple Input

Material Input Without Label

Material Input










Textarea

Simple Input

Material Textarea Without Label

Material Textarea








Select

Material Select Without Label

Material Select

Simple select








Checkbox

Checkbox 1

Checkbox 2

Checkbox 3


Radio Button

Radio Button 1

Radio Button 2

Radio Button 3


Radio Button

Toggle Type 1

Toggle Type 2

Toggle Type 3


Progress Bars

Progress Bars 1

60% Complete

Progress Bars 2

Pagination 2

50%

Slider

Slider 1

Slider 2

Slider 3

Badges

Badge 1

Badge1 Badge2

Badge 2

Badge1 Badge2

Badge 3

Badge1 Badge2

Badge 4

Badge1 Badge2

Badge 5

Badge1 Badge2

Badge 6

Badge1 Badge2

Images


Rounded Image

Rounded Image

Circle Image

Circle Image

Rounded Raised

Raised Image

Circle Raised

Thumbnail Image

Icons


Nucleo app

Nucleo app

Nucleo app

Nucleo app

Pixeden

Pixeden

Material

Material

Fontawesome

Fontawesome

Themify

Themify

Cards


Card 1

Card 2

Card 3

Cards


scrollbar 1

scrollbar 1

scrollbar 2

scrollbar 3

scrollbar 4

scrollbar 5

Notifications

info_outline
Info alert: You've got some friends nearby, stop looking at your phone and find them...
check
Success Alert: Yuhuuu! You've got your $11.99 album from The Weeknd
warning
Warning Alert: Hey, it looks like you still have the "copyright © 2015" in your footer. Please update it!
error_outline
Error Alert: Damn man! You screwed up the server this time. You should find a good excuse for your Boss...

Typography

Header 1The Life of Material Kit

Header 2The Life of Material Kit

Header 3The Life of Material Kit

Header 4The Life of Material Kit

Header 5The Life of Material Kit
Header 6The Life of Material Kit

Header 1 TitleThe Life of Material Kit

Header 2 TitleThe Life of Material Kit

Header 3 TitleThe Life of Material Kit

Header 4 TitleThe Life of Material Kit

Paragraph I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.

Muted Text

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

Primary Text

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

Info Text

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

Success Text

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

Warning Text

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

Danger Text

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...

Javascript components

Modal 1

Modal 2

Datetime Picker

Popovers



Tooltips