Material Kit

A badass Bootstrap UI Kit based on material design

6 followers

A badass Bootstrap UI Kit based on material design

6 followers

Visit website

Interface design tools

•

Design resources

•

UI frameworks

Launch tags:Web App•Design Tools•Productivity

Launch Team

Framer AI AgentsDesign and publish professional sites with AI

Promoted

Creative Tim

Maker

Hi Guys! I'm the co-founder of www.creative-tim.com and one of the creators of this UI Kit. You can use it for Unlimited personal projects (this include your startup, blog etc) or projects that are sold to your clients. Thank you @hackinglife7 for posting it! If you have any questions or feedback please let us know or contribute on Github: https://github.com/timcreative/m..., we want to make this Bootstrap UI Kit better. If you want more components, sections, example pages etc, please check the PRO version here: http://demos.creative-tim.com/ma..., you can also use the coupon: "ProductHuntExclusive" for a 30% Discount :-) Best, Alex

Report

10yr ago

@axelut @hackinglife7 there are enough material design ui for bootstrap and boostrap-like frameworks . what is the difference?

Report

10yr ago

@axelut @hackinglife7 https://github.com/FezVrasta/boo...

Report

10yr ago

@axelut @hackinglife7 http://mdbootstrap.com/material-...

Report

10yr ago

@axelut @hackinglife7 Confused about this line - "You can use it for Unlimited personal projects (this include your startup, blog etc) or projects that are sold to your clients.". Your website says you need a developer licence for $19 if I need to create multiple websites/apps for clients. What are the right terms?

Report

10yr ago

Creative Tim

Maker

@v3ss0n yes, you're right, there are many, frameworks there too. Our product was actually built over the "Bootstrap Material Design", created by Federico (FezVrasta), also the other product MDBootstrap was built over the same product made by Federico. We made the Material Design a little bit more stylish, with colored shadows (you will see this new trend everywhere on the web in a couple of months), new ideas for the default cards, typography etc. This is our (Creative Tim) fingerprint over the default Material Design. Material Kit Free was made to have enough components that you can use to create a basic website that contains a landing page, about us page, login/register etc. The really big difference that is coming in this game is in the PRO version, which contains a lot of new components (http://demos.creative-tim.com/ma...), ready to use sections (http://demos.creative-tim.com/ma...) and example pages (http://demos.creative-tim.com/ma...). This is our main business. We take frameworks or plugins that are "regular" or "too basic" and add some life to them. That's happened with Get Shit Done Kit (another framework for Bootstrap which is very popular and is in the right side here on the Related Products) or Light Bootstrap Dashboard (http://demos.creative-tim.com/li...) or other products that we released (http://www.creative-tim.com/prod...). It seems that this business model was working because our users are very happy with the quality of the products. Hope that make sense for you. Please let us know if you have any further questions. Best, Alex

Report

10yr ago

looks really good. even the free version has lots of very usable elements. thats very fair of you. although i definitely notice a little difference in many elements compared to Googles own Polymer web components. was this intended?

Report

10yr ago

Creative Tim

Maker

@gopietz we are glad that you like. Yes, you can create all the basic structure for a simple website (login/register/about page/landing page) using only the Free version. If you want more complex components, pages, sections, the PRO Version would help you. Yes, there are some differences between the Original Documentation made by Google and this UI kit. We added colored shadows (this is a trend that is coming very fast), different style cards, than those provided by Material Design, the Font Family is made with Robot and Roboto Slab, so basically small adjustments that make it a little bit more stylish, from our point of view, than the original Material Design.

Report

10yr ago

@gopietz as i have checked , free version is not much different from https://github.com/FezVrasta/boo...

Report

10yr ago

@v3ss0n thanks for the link. congratulations on your wedding if that was anytime recent :)

Report

10yr ago

Remote Path

This kit looks awesome! Super clean and tons of useful cards, which are becoming increasingly popular. Definitely going to probably buy this for a couple projects I'm working on. I am having one issue with the modal, though. The classic modal freezes my screen completely and fills about 1/3 of the screen on the left side. Could it be my browser?

Report

10yr ago

Creative Tim

Maker

@austingrandt thank you for the kind words! Can you please give us more details about the browser that you used and OS? We will make more tests to make sure that the modal will not create any problems.

Report

10yr ago

This is a really well-designed bootstrap UI kit and the Material design is beautifully and smoothly implemented. Great work!!

Report

10yr ago

Creative Tim

Maker

@germancastano thank you for the kind feedback. We are glad that you like it!

Report

10yr ago

ThemeIsle

Hunter

Material Kit is a Free Bootstrap UI Kit with a fresh, new design inspired by Google's material design. It's a great pleasure to introduce to you the material concepts in an easy to use and beautiful set of components. Along with the restyling of the Bootstrap elements, you will find three fully-coded example pages, to help you design your next project. Material Kit makes use of light, surface and movement. It uses a deliberate color choice, edge-to-edge imagery and large scale typography. The general layout resembles sheets of paper following multiple different layers, so that the depth and order is obvious. The navigation stays mainly on the left and the actions on the right. This new design has elements that have been the result of research regarding ink and paper and the way objects and materials interact in real life. The result is a beautiful and consistent set of elements that can get you started with your next project. Material Kit is a great tool if you are looking to create a web presence for your Android application and need to be consistent, leaving the impression of visually similar elements. It is also a great resource in its own right, looking gorgeous and helping you build your web pages.

Report

10yr ago

Voiceflow

Bought this a few weeks ago and have been loving it :) Glad to see it here getting the recognition it deserves!

Report

10yr ago

Creative Tim

Maker

@michael_hood thank you for being one of our customers! We are very happy to know that it is a good product for you :D

Report

10yr ago

MOB: Mother Of all Bots

I was just looking for something like this over the weekend! Seriously great work, hope you guys continue to add to it.

Report

10yr ago

Creative Tim

Maker

@mironv thank you for the kind words. Yes, we will support this product as we did with other products that we've created. It will get new features and also an Upgrade to Bootstrap 4 when they will release a stable Beta

Report

10yr ago

MOB: Mother Of all Bots

@axelut Bootstrap 4 was definitely on my mind. You rock!

Report

10yr ago

1 2 3

Reviews