Material Kit

What is Material Kit?

Material Kit is a Free Bootstrap UI 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. 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 is a tool in the Frameworks category of a tech stack.

Material Kit Pros & Cons

Pros of Material Kit

No pros listed yet.

Cons of Material Kit

No cons listed yet.

Material Kit Integrations

Bootstrap are some of the popular tools that integrate with Material Kit. Here's a list of all 1 tools that integrate with Material Kit.

Bootstrap

Material Kit Discussions

Discover why developers choose Material Kit. Read real-world technical decisions and stack choices from the StackShare community.

Adebayo Akinlaja

Engineering Manager

Oct 15, 2019

Needs adviceon

React

Material-UI

Evergreen

I picked up an idea to develop and it was no brainer I had to go with React for the frontend. I was faced with challenges when it came to what component framework to use. I had worked extensively with Material-UI but I needed something different that would offer me wider range of well customized components (I became pretty slow at styling). I brought in Evergreen after several sampling and reads online but again, after several prototype development against Evergreen—since I was using TypeScript and I had to import custom Type, it felt exhaustive. After I validated Evergreen with the designs of the idea I was developing, I also noticed I might have to do a lot of styling. I later stumbled on Material Kit, the one specifically made for React . It was promising with beautifully crafted components, most of which fits into the designs pages I had on ground.

A major problem of Material Kit for me is it isn't written in TypeScript and there isn't any plans to support its TypeScript version. I rolled up my sleeve and started converting their components to TypeScript and if you'll ask me, I am still on it.

In summary, I used the Create React App with TypeScript support and I am spending some time converting Material Kit to TypeScript before I start developing against it. All of these components are going to be hosted on Bit.

If you feel I am crazy or I have gotten something wrong, I'll be willing to listen to your opinion. Also, if you want to have a share of whatever TypeScript version of Material Kit I end up coming up with, let me know.

0 views0

Comments

Material Kit Alternatives & Comparisons

What are some alternatives to Material Kit?

Node.js

Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient, perfect for data-intensive real-time applications that run across distributed devices.

AngularJS

AngularJS lets you write client-side web applications as if you had a smarter browser. It lets you use good old HTML (or HAML, Jade and friends!) as your template language and lets you extend HTML’s syntax to express your application’s components clearly and succinctly. It automatically synchronizes data from your UI (view) with your JavaScript objects (model) through 2-way data binding.

Bootstrap

Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

Material Kit

What is Material Kit?

Material Kit Pros & Cons

Pros of Material Kit

Cons of Material Kit

Material Kit Integrations

Material Kit Discussions

Material Kit Alternatives & Comparisons

Node.js

AngularJS

Bootstrap

Vue.js

Try It

Adoption

On StackShare

Django

React Native

Material Kit Integrations

Material Kit Discussions

Try It

Adoption

On StackShare