# 0+

##### Coded Elements

From buttons, to inputs, navbars, alerts or cards, you are covered

# 0+

##### Design Blocks

Mix the sections, change the colors and unleash your creativity

# 0

##### Pages

Save 3-4 weeks of work when you use our pre-made pages for your website

touch_app

### Feel the
Material Kit

All the Bootstrap components that you need in a development have been re-design with the new look.

### Discover More

You will save a lot of time going from prototyping to full-functional code because all elements are implemented.

Start with Headers
content_copy

##### Full Documentation

Built by developers for developers. Check the foundation and you will find everything inside our documentation.

flip_to_front

##### Bootstrap 5 Ready

The world’s most popular front-end open source toolkit, featuring Sass variables and mixins.

price_change

##### Save Time & Money

Creating your design from scratch with dedicated designers can be very expensive. Start with our Design System.

devices

##### Fully Responsive

Regardless of the screen size, the website content will naturally fit the given resolution.

Infinite combinations

## Huge collection of sections

We have created multiple options for you to put together and customise into pixel perfect pages.

### Design Blocks

###### A selection of 45 page sections that fit perfectly in any combination

###### Page Headers

10 Examples

###### Features

14 Examples

###### Pricing

8 Examples

###### FAQ

1 Examples

###### Blog Posts

11 Examples

###### Testimonials

11 Examples

###### Teams

6 Examples

###### Stats

3 Examples

###### Call to Actions

8 Examples

###### Applications

6 Examples

###### Logo Areas

4 Examples

###### Footers

10 Examples

###### General Cards

9 Examples

###### Content Sections

8 Examples

### Navigation

###### 30+ components that will help go through the pages

###### Navbars

4 Examples

###### Nav Tabs

2 Nav Tabs

###### Pagination

3 Examples

### Input Areas

###### 50+ elements that you need for text manipulation and insertion

###### Newsletters

6 Examples

###### Contact Sections

8 Examples

###### Forms

3 Examples

###### Inputs

6 Examples

### Attention Catchers

###### 20+ Fully coded components that popup from different places of the screen

###### Alerts

4 Examples

###### Notifications

3 Examples

###### Tooltips & Popovers

2 Examples

###### Modals

5 Examples

### Elements

###### 80+ carefully crafted small elements that come with multiple colors and shapes

###### Buttons

6 Examples

###### Avatars

2 Examples

###### Dropdowns

2 Examples

###### Toggles

2 Examples

###### Social Buttons

2 Examples

###### Button Groups

5 Examples

###### Breadcrumbs

1 Example

###### Badges

3 Example

###### Progress Bars

4 Examples

###### Tables

3 Examples

###### Typography

2 Examples

Boost creativity

## With our coded pages

The easiest way to get started is to use one of our
pre-built example pages.

###### About Us Page

###### Contact Us Page

###### Sign In Page

###### Author Page

#### Presentation Pages for Company, Sign In Page, Author and Contact

###### These is just a small selection of the multiple possibitilies you have. Focus on the business, not on the design.

#### Built by developers

# Complex Documentation

From colors, cards, typography to complex elements, you will find the full documentation. Play with the utility classes and you will create unlimited combinations for our components.

Read docs
flag

##### Getting Started

Check the possible ways of working with our product and the necessary files for building your own project.

Let's start
precision_manufacturing

##### Plugins

Get inspiration and have an overview about the plugins that we used to create the Material Kit.

Read more
receipt_long

##### Utility Classes

Material Kit is giving you a lot of pre-made elements. For those who want flexibility, we included many utility classes.

Read more

## Trusted by over

## 1,679,477+ web developers

Many Fortune 500 companies, startups, universities and governmental institutions love Creative Tim's products.

###### Nick Willever

1 day ago

"This is an excellent product, the documentation is excellent and helped me get things done more efficiently."

###### Shailesh Kushwaha

1 week ago

"I found solution to all my design needs from Creative Tim. I use them as a freelancer in my hobby projects for fun! And its really affordable, very humble guys !!!"

###### Samuel Kamuli

3 weeks ago

"Great product. Helped me cut the time to set up a site. I used the components within instead of starting from scratch. I highly recommend for developers who want to spend more time on the backend!."

### Do you love this awesome

### UI Kit for Bootstrap 5?

Cause if you do, it can be yours for FREE. Hit the button below to navigate to Creative Tim where you can find the Design System in HTML. Start a new project or give an old Bootstrap project a new look!

Download HTML

### Available on these technologies

### You liked it and

### Want more?

Most complex and innovative Design System Made by Creative Tim . Check our latest Premium Bootstrap 5 UI Kit. Designed for those who like bold elements and beautiful websites. Made of hundred of elements, designed blocks and fully coded pages, Material Kit is ready to help you create stunning websites and webapps.

Upgrade to Pro

#### Thank you for your support!

We deliver the best web products

Tweet Share Pin it