NextJS Material KitPRO

A Badass Material-UI Kit based on Material Design.

NextJS Material Kit PRO is a Material-UI and NextJS Kit with a fresh, new design inspired by Google's Material Design. You asked for it, so we built it. It's a great pleasure to introduce to you the material concepts in an easy to use and beautiful set of components.

Huge Number of Components

Every element that you need in a product comes built in as a component. All components fit perfectly with each other and can take variations in colour.

Multi-Purpose Sections

Putting together a page has never been easier than matching together sections. From team presentation to pricing options, you can easily customise and built your pages.

Example Pages

If you want to get inspiration or just show something directly to your clients, you can jump start your development with our pre-built example pages.

Basic Components

The core elements of your website
All the Material-UI components that you need in a development have been re-design with the new look. Besides the numerous basic elements, we have also created additional classes. All these items will help you take your project to the next level.
macbookmacbookmacbookmacbookmacbookmacbookmacbook
views

Unconventional Cards

One Card for Every Problem
We love cards and everybody on the web seems to. We have gone above and beyond with options for you to organise your information. From cards designed for blog posts, to product cards or user profiles, you will have many options to choose from. All the cards follow the material principles and have a design that stands out.

Content Areas

For Areas that Need More Space
If you need elements such as tables, comments, description areas, tabs and many others, we've got you covered. We took into consideration multiple use cases and came up with some specific elements that you will love to use. They're beautiful and easy to use for the end user navigating your website.
iPad comments
iPad table
iPad

Ready to Use Sections

Build your page section by section! We have created multiple options for you to put together and customise into pixel perfect pages. From headers to footers, you will be able to choose the best combination for your project.
h_1
h_2
h_3
h_4
f_1
f_2
f_3
f_4
f_5
b_2
b_3
b_4
b_1
p_2
p_3
p_4
p_5
p_1
pro_2
pro_3
m_1
pro_1
t_2
t_3
team_5
team_1
team_2
team_3
t_1
team_4
pro_4
m_2

Example Pages

The easiest way to get started is to use one of our pre-built example pages. From landing pages to e-commerce or blog pages, you will be able jump start your development. Show your clients a quick prototype and get inspired for your next project!

About Us

About us

Landing Page

Landing Page

Contact Us

Contact us

Blog Post

Blog Post

Product Page

Product Pge

Login Page

Login Page

Pricing Pge

Pricing Page

Signup Page

Signup Page

Profile Page

Profile Page

Blog Posts

Blog Posts

Free Demo

Do you want to test and see the benefits of this kit before purchasing it? You can give the demo version a try. It features enough basic components for you to get a feel of the design and also test the quality of the code. Get it free on GitHub!
View demo on github

Free Demo

  • 60 Components
  • 3 Example Pages
  • Unconventional Cards
  • Sections
  • Photoshop for Prototype
  • Premium Support

PRO Version

  • 1000+ Components
  • 12 Example Pages
  • Unconventional Cards
  • Sections
  • Photoshop for Prototype
  • Premium Support

Your work will get much easier

Material UI Grid

Enjoy the fluid grid system based on 12 columns. Material Kit PRO is built over Material-UI and has all the benefits that the framework comes with.

Fully Responsive

This Material UI kit is built mobile-first and looks amazing on any device. Regardless of the screen size, the website content will naturally fit the given resolution.

Save Time

Using the Material Kit PRO will save you large amount of time. You don't have to worry about customising the basic Material-UI design or generating new components.

Save Money

Creating your design from scratch with dedicated designers can be very expensive. Using a kit is the best option to start your development while bootstrapping your budget.

Trusted by 879.000+ People

The UI Kits, Templates and Dashboards that we've created are used by 879,000+ web developers in over 1.588.000 Web Projects. This is what some of them think:
...

Khaldi Yass

"As soon as I saw this kit, everything else isn't the same anymore, I just can't describe it guys! Thank you for this work!"

...

Josh Murray

"Great kit! Used this for a client already and he is over the moon. Keep up the good work Creative Tim! 10/10 for design, colours, and the feel of the kit."

...

Michael Onubogu

"Damn Daniel!!! This Material UI Kit is fresh AF! Amazing work!"

vodafone
microsoft
harvard
stanford

Ready to grab NextJS Material Kit PRO?

Good for personal websites, school projects, startups or any other project where your users will not be charged for using it. Create one single website/app for one client.

HTML Package

$119

  • React/CSS/JS/SASS Files
  • Fully Coded Components
  • Responsive Design
  • Product Documentation
buy now!
HTML & Photoshop Package

$209

  • React/CSS/JS/SASS Files
  • Fully Coded Components
  • Responsive Design
  • Product Documentation
  • + Photoshop Files
  • + Components on Layers
Buy now!

You have Free Unlimited Updates and Premium Support on each package for 6 months. You also have 24 hours to request a refund if you're not happy with your purchase.

Thank you for sharing!

TwitterFacebookGithub