Material Kit React.

A Badass Material-UI Kit based on Material Design.

Basic Elements

Buttons
Pick your style

Pick your size

Pick your color

Inputs

Checkboxes

Radio Buttons

Toggle Buttons

Progress Bars

Pagination

Sliders


Badges

defaultprimaryinfosuccesswarningdangerrose

Menu

Menu with Icons

Navigation

Notifications

INFO ALERT: You've got some friends nearby, stop looking at your phone and find them...
SUCCESS ALERT: You've got some friends nearby, stop looking at your phone and find them...
WARNING ALERT: You've got some friends nearby, stop looking at your phone and find them...
DANGER ALERT: You've got some friends nearby, stop looking at your phone and find them...

Typography

Header 1

The Life of Material Kit

Header 2

The Life of Material Kit

Header 3

The Life of Material Kit

Header 4

The Life of Material Kit

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

The Life of Material Kit

Header 2

The Life of Material Kit

Header 3

The Life of Material Kit

Header 4

The 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


August 2019
SuMoTuWeThFrSa
28293031123
45678910
11121314151617
18192021222324
25262728293031
1234567
12:00 AM

Popovers



Tooltips

Carousel

First slide

Yellowstone National Park, United States

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 build with this powerful kit.

Login

Or Be Classical

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. We also have the Bootstrap 4 version on plain HTML. Start a new project or give an old Bootstrap project a new look!



Want more?

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

Thank you for supporting us!