# Material Kit.

### A Badass Bootstrap 4 UI Kit based on Material Design.

## Basic Elements

### Buttons
Pick your style

### Pick your size

### Pick your color

### Inputs

With Floating Label We'll never share your email with anyone else.
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

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

### Badges

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

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

## Javascript components

### Modal

### Datetime Picker

Datetime Picker

### Popovers

### Tooltips

### Carousel

#### location_on Yellowstone National Park, United States

#### location_on Somewhere Beyond, United States

#### location_on Yellowstone National Park, United States

keyboard_arrow_left Previous keyboard_arrow_right Next

## Completed with examples

#### The kit comes with three pre-built pages to help you get started faster. You can change the text and images and you're good to go. More importantly, looking at them will give you a picture of what you can built with this powerful kit.

#### Login

Or Be Classical

face
mail
lock_outline
View Login Page

## Do you love this UI Kit?

#### Cause if you do, it can be yours for FREE. Hit the buttons below to navigate to our website where you can find the kit. Our friends from ThemeIsle created a Wordpress Theme which can be also downloaded for free. Start a new project or give an old Bootstrap project a new look!

Free HTML Download Wordpress Theme

## Want more?

#### We've just launched Material Kit PRO. It has a huge number of components, sections and example pages. Start Your Development With A Badass Bootstrap UI Kit inspired by Material Design.

unarchive Upgrade to PRO

### Thank you for supporting us!

Tweet Facebook Instagram Star

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