# Material Kit
Pro

### All Components

## Basic Elements

### Buttons
Pick your style

### Pick your size

### Pick your color

### Social Buttons

### Default

###

###

### Simple

###

### Inputs

With Floating Label
Success input done
Error input clear
group

### Checkboxes

Unchecked
Checked
Disabled Unchecked
Disabled Checked

### Radio Buttons

Radio is off
Radio is on
Disabled Radio is off
Disabled Radio is on

### Toggle Buttons

Toggle is on
Toggle is off

### Customizable Select

### Dropdown & Dropup

### Textarea

You can write your text here...

### Tags

### Progress Bars

60% Complete
60% Complete
35% Complete (success)
20% Complete (warning)
10% Complete (danger)

### Pagination

- 1
- ...
- 5
- 6
- 7
- 8
- 9
- ...
- 12

- prev
- 1
- 2
- 3
- 4
- 5
- next

### Sliders

### Labels

Default Primary Info Success Warning Danger Rose

### Menu

### Menu with Icons

### Navigation

### 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...

### Footer Areas

## 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.

Quote

> 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.

> Kanye West, Musician

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...

## Small Tag Header with small subtitle
Use "small" tag for the headers

## Images

#### Rounded Image

#### Circle Image

#### Rounded Raised

#### Circle Raised

## Content Areas

### Tables

#### Simple Table

#### Simple With Actions

# | Name | Job Position | Since | Salary | Actions
--- | --- | --- | --- | --- | ---
1 | Andrew Mike | Develop | 2013 | € 99,225 |
2 | John Doe | Design | 2012 | € 89,241 |
3 | Alex Mike | Design | 2010 | € 92,144 |
4 | Mike Monday | Marketing | 2013 | € 49,990 |
5 | Paul Dickens | Communication | 2015 | € 69,201 |

#### Striped With Checkboxes

# |  | Product Name | Type | Qty | Price | Amount
--- | --- | --- | --- | --- | --- | ---
1 |  | Moleskine Agenda | Office | 25 | € 49 | € 1,225
2 |  | Stabilo Pen | Office | 30 | € 10 | € 300
3 |  | A4 Paper Pack | Office | 50 | € 10.99 | € 109
4 |  | Apple iPad | Meeting | 10 | € 499.00 | € 4,990
5 |  | Apple iPhone | Communication | 10 | € 599.00 | € 5,999
| Total | €12,999

#### Shopping Cart Table

| Product | Color | Size | Price | Qty | Amount |
--- | --- | --- | --- | --- | --- | --- | ---
| Spring Jacket by Dolce&Gabbana | Red | M | €549 | 1 | €549 |
| Short Pants by Pucci | Purple | M | €499 | 2 | €998 |
| Pencil Skirt by Valentino | White | XL | €799 | 1 | €799 |
| Total | €2,346 |

### Comments

### 10 Comments

#### Tina Andrew · 7 minutes ago

######

Chance too good. God level bars. I'm so proud of @LifeOfDesiigner #1 song in the country. Panda! Don't be scared of the truth because we need to restart the human foundation in truth I stand with the most humility. We are so blessed!

All praises and blessings to the families of people who never gave up on dreams. Don't forget, You're Awesome!

#### John Camber · Yesterday

Hello guys, nice to have you on the platform! There will be a lot of great stuff coming soon. We will keep you posted for the latest news.

Don't forget, You're Awesome!

#### Tina Andrew · 2 Days Ago

Hello guys, nice to have you on the platform! There will be a lot of great stuff coming soon. We will keep you posted for the latest news.

Don't forget, You're Awesome!

#### Rosa Thompson · 2 Days Ago

Hello guys, nice to have you on the platform! There will be a lot of great stuff coming soon. We will keep you posted for the latest news.

Don't forget, You're Awesome!

- «
- 1
- 2
- 3
- 4
- 5
- »

### Post your comment
- Logged In User -

### Post your comment
- Not Logged In User -

## Cards

### Blog Cards

This Summer Will be Awesome

###### Fashion

Don't be scared of the truth because we need to restart the human foundation in truth And I love you like Kanye loves Kanye I love Rick Owens’ bed design but the back is...

##### Twitter

#### "You Don't Have to Sacrifice Joy to Build a Fabulous Business and Life"

###### trending_up Trending

#### To Grow Your Business Start Focusing on Your Employees

###### Legal

#### 5 Common Legal Mistakes That Can Trip-Up Your Startup

Don't be scared of the truth because we need to restart the human foundation in truth And I love you like Kanye loves Kanye I love Rick Owens’ bed design but the back is...

###### trending_up Trending

#### To Grow Your Business Start Focusing on Your Employees

##### TechCrunch

#### "Focus on Your Employees"

Don't be scared of the truth because we need to restart the human foundation in truth And I love you like Kanye loves Kanye I love Rick Owens’ bed design but the back is...

### Profile Cards

Tania Andrew

###### Web Designer

Don't be scared of the truth because we need to restart the human foundation in truth And I love you like Kanye loves Kanye I love Rick Owens’ bed design but the back is...

#### Alec Thompson

###### CEO / Co-Founder

#### Alec Thompson

Don't be scared of the truth because we need to restart the human foundation in truth And I love you like Kanye loves Kanye I love Rick Owens’ bed design but the back is...

Follow

### Full Background Cards

###### Productivy Apps

### The Best Productivity Apps on Market

Don't be scared of the truth because we need to restart the human foundation in truth And I love you like Kanye loves Kanye I love Rick Owens’ bed design but the back is...

subject Read Article watch_later Watch Later

###### Materials

### The Sculpture Where Details Matter

Don't be scared of the truth because we need to restart the human foundation in truth And I love you like Kanye loves Kanye I love Rick Owens’ bed design but the back is...

subject Read Article

### Pricing Cards

###### Small Company

people

### $29

This is good if your company size is between 2 and 10 Persons.

Choose Plan
business

### $69

This is good if your company size is between 11 and 99 Persons.

Choose Plan

###### Premium

# $89

- 100 Projects
- 5 Team Members
- 55 Personal Contacts
- 5.000 Messages

Get Started

###### Platinum

# $89

- check Sharing Tools
- check Design Tools
- close Private Messages
- close Personal Brand

Get Started

## Morphing Cards

### Rotating Cards

###### Full Background Card

### This Background Card Will Rotate on Hover

Don't be scared of the truth because we need to restart the human foundation in truth And I love you like Kanye loves Kanye I love Rick Owens’ bed design but the back is...

##### Manage Post

As an Admin, you have shortcuts to edit, view or delete the posts.

##### TechCrunch

#### This Card is Doing a Full Rotation on Hover...

Don't be scared of the truth because we need to restart the human foundation in truth And I love you like Kanye loves Kanye I love Rick Owens’ bed design but the back is...

##### Do more...

You can read this article or share it with your friends and family on different networks...

##### Dribbble

#### "Dribbble just acquired Crew, a very interesting startup..."

Don't be scared of the truth because we need to restart the human foundation in truth And I love you like Kanye loves Kanye I love Rick Owens’ bed design but the back is...

##### Dribbble

#### "Dribbble just acquired Crew, a very interesting startup..."

### Manual Rotating Cards

##### Manual Rotating Card

#### "This card is doing a full rotation, click on the rotate button"

Don't be scared of the truth because we need to restart the human foundation in truth And I love you like Kanye loves Kanye I love Rick Owens’ bed design but the back is...

##### Do more...

You can read this article or share it with your friends and family on different networks...

###### Full Background Card

### This card is doing a full rotation, click on the rotate button

Don't be scared of the truth because we need to restart the human...

##### Manage Post

As an Admin, you have shortcuts to edit, view or delete the posts.

##### receipt Manual Rotating Card

#### "This card is doing a full rotation, click on the rotate button"

Don't be scared of the truth because we need to restart the human foundation in truth And I love you like Kanye loves Kanye I love Rick Owens’ bed design but the back is...

##### Do more...

You can read this article or share it with your friends and family on different networks...

## Dynamic Shadows™

#### Material Kit PRO is coming with the famous colored shadows. That means each image from the cards is getting an unique color shadow. You don't have to do anything to activate them, just enjoy the new look of your website.

###### Dynamic Shadows

#### The image from this card is getting a yellow shadow

###### Dynamic Shadows

#### The image from this card is getting a pink shadow

###### Dynamic Shadows

#### The image from this card is getting a blue shadow

### Plain Cards

This Summer Will be Awesome

###### Fashion

Don't be scared of the truth because we need to restart the human foundation in truth And I love you like Kanye loves Kanye I love Rick Owens’ bed design but the back is...

##### Twitter

#### "You Don't Have to Sacrifice Joy to Build a Fabulous Business and Life"

###### Legal

#### 5 Common Legal Mistakes That Can Trip-Up Your Startup

Don't be scared of the truth because we need to restart the human foundation in truth And I love you like Kanye loves Kanye I love Rick Owens’ bed design but the back is...

###### trending_up Trending

#### To Grow Your Business Start Focusing on Your Employees

##### The Next Web

#### "Focus on Your Employees"

Don't be scared of the truth because we need to restart the human foundation in truth And I love you like Kanye loves Kanye I love Rick Owens’ bed design but the back is...

Tania Andrew

###### Web Designer

Don't be scared of the truth because we need to restart the human foundation in truth And I love you like Kanye loves Kanye I love Rick Owens’ bed design but the back is...

#### Alec Thompson

###### CEO / Co-Founder

#### Alec Thompson

Don't be scared of the truth because we need to restart the human foundation in truth And I love you like Kanye loves Kanye I love Rick Owens’ bed design but the back is...

Follow

## Javascript components

### Modal

### Datetime Picker

Datetime Picker
Date Picker
Time Picker

### Popovers

### Tooltips

### Collapse

#### Collapsible Group Item #1 keyboard_arrow_down

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

#### Collapsible Group Item #2 keyboard_arrow_down

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

#### Collapsible Group Item #3 keyboard_arrow_down

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

### File Uploader

#### Regular Image

Select image Change Remove

#### Avatar

Add Photo Change
Remove

#### Simple Material Input

### Carousel

#### location_on Yellowstone National Park, United States

#### location_on Somewhere Beyond, United States

#### location_on Yellowstone National Park, United States

keyboard_arrow_left keyboard_arrow_right

#### Modal title

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.

##### How Do You Become an Affiliate?

1. Register

The first step is to create an account at Creative Tim. You can choose a social network or go for the classic version, whatever works best for you.

2. Apply

The first step is to create an account at Creative Tim. You can choose a social network or go for the classic version, whatever works best for you.

If you have more questions, don't hesitate to contact us or send us a tweet @creativetim. We're here to help!

##### Are you sure you want to do this?

#### Log in

Or Be Classical

face
email
lock_outline

## Register

timeline

#### Marketing

We've created the marketing campaign of the website. It was a very interesting collaboration.

code

#### Fully Coded in HTML5

We've developed the website with HTML5 and CSS3. The client has access to the code using GitHub.

group

#### Built Audience

There is also a Fully Customizable CMS Admin Dashboard for this product.

#### or be classical

face
email
lock_outline
I agree to the terms and conditions.