NextJS Material Kit PRO

All Components

Basic Elements

Buttons
Pick your style

Pick your size

Pick your color

Social Buttons

Default












 












 












Simple












 












Inputs

Checkboxes

Radio Buttons

Toggle Buttons

Customizable Select

Dropdown & Dropup

Textarea

Tags

amsterdamwashingtonsydneybeijing

Progress Bars

Pagination

Sliders


Badges

defaultprimaryinfosuccesswarningdangerrose

Notifications

Pre-Footer Areas







Subscribe to our Newsletter

Join our newsletter and get news in your inbox every week! We hate spam too, so no worries about this.



Get Tips & Tricks every Week!

Join our newsletter and get news in your inbox every week! We hate spam too, so no worries about this.

Footer Areas







About Us

Creative Tim is a startup that creates design tools that make the web development process faster and easier.

We love the web and care deeply for how users interact with a digital product. We power businesses and individuals to create better looking web projects around the world.

Social Feed

How to handle ethical disagreements with your clients.

The tangible benefits of designing at 1x pixel density.

A collection of 25 stunning sites that you can use for inspiration.

Instagram Feed
........................

Copyright © 2022 Creative Tim All Rights Reserved.




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

...

Content Areas

Tables

Simple Table

Simple With Actions

#NameJob PositionSinceSalaryActions
1Andrew MikeDevelop2013€ 99,225
2John DoeDesign2012€ 89,241
3Alex MikeDesign2010€ 92,144
4Mike MondayMarketing2013€ 49,990
5Paul DickensCommunication2015€ 69,201

Striped With Checkboxes

#Product NameTypeQtyPriceAmount
1Moleskine AgendaOffice25€ 49€ 1,225
2Stabilo PenOffice30€ 10€ 300
3A4 Paper PackOffice50€ 10.99€ 109
4Apple iPadCommunication10€ 499.00€ 4,990
5Apple iPhoneCommunication10€ 599.00€ 5,999
Total12,999

Shopping Cart Table

PRODUCTCOLORSIZEPRICEQTYAMOUNT
...
Spring Jacket
by Dolce&Gabbana
RedM 5491
549
...
Short Pants
by Gucci
PurpleM 4992
998
...
Pencil Skirt
by Valentino
WhiteXL 7991
799
Total2,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!

Post your comment
- Logged In User -

...

Post your comment
- Not Logged In User -

...
SIGN IN WITH

Cards

Blog Cards

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

5 min read
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

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

Full Background Cards

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

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

Pricing Cards

SMALL COMPANY

$29

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

$69

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

PREMIUM

$89

  • 100 Projects
  • 5 Team Members
  • 55 Personal Contacts
  • 5.000 Messages
PLATINUM

$89

  • Sharing Tools
  • Design Tools
  • Private Messages
  • Personal Brand

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

2.4K ·45

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.



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.


Plain Card

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

5 min read
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...

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

Javascript components

Modal

Datetime Picker


June 2022
SuMoTuWeThFrSa
2930311234
567891011
12131415161718
19202122232425
262728293012
3456789
12:00 AM

June 2022
SuMoTuWeThFrSa
2930311234
567891011
12131415161718
19202122232425
262728293012
3456789

12
:
00
AM

Popovers



Tooltips

Collapse

Collapsible group Item #1

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

...

Avatar

...

Simple Material Input

Carousel