Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

Bootswatch
Bootswatch

52
69
+ 1
3
Material Kit
Material Kit

8
18
+ 1
0
Add tool

Bootswatch vs Material Kit: What are the differences?

Developers describe Bootswatch as "Free themes for Bootstrap". Simply download a CSS file and replace the one in Bootstrap. No messing around with hex values. On the other hand, Material Kit is detailed as "*Free Bootstrap UI Kit Based on Material Design *". 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.

Bootswatch and Material Kit can be primarily classified as "Front-End Frameworks" tools.

Bootswatch and Material Kit are both open source tools. Bootswatch with 11.4K GitHub stars and 3.18K forks on GitHub appears to be more popular than Material Kit with 5.11K GitHub stars and 511 GitHub forks.

What is Bootswatch?

Simply download a CSS file and replace the one in Bootstrap. No messing around with hex values.

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.
Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

Why do developers choose Bootswatch?
Why do developers choose Material Kit?
    Be the first to leave a pro
      Be the first to leave a con
        Be the first to leave a con
        What companies use Bootswatch?
        What companies use Material Kit?
          No companies found

          Sign up to get full access to all the companiesMake informed product decisions

          What tools integrate with Bootswatch?
          What tools integrate with Material Kit?
          What are some alternatives to Bootswatch and Material Kit?
          Bootstrap
          Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
          Bootstrap Studio
          Bootstrap Studio has an intuitive drag and drop interface, which is designed to make you more productive.
          Pingendo
          Create quality HTML prototypes quickly, using popular open source tools like Bootstrap, LESS, Fontawesome and more.
          Bootstrap.build
          a web app to create custom Bootstrap themes and export them to a SASS variables file or a brand new Bootstrap build. Enjoy inline code editor, Sketch-like color picker, +/- buttons for unit variables, SASS variables typeahead and Google fonts integration. Open Source
          Gridbox
          Build any layout using Bootstrap or Foundation components & grid system, then style it to perfection with visual designer.
          See all alternatives
          Decisions about Bootswatch and Material Kit
          Adebayo Akinlaja
          Adebayo Akinlaja
          Engineering Manager at Andela · | 13 upvotes · 21.3K views
          Bit
          Bit
          Create React App
          Create React App
          Material Kit
          Material Kit
          TypeScript
          TypeScript
          Evergreen
          Evergreen
          Material-UI
          Material-UI
          React
          React

          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.

          See more
          Interest over time
          Reviews of Bootswatch and Material Kit
          No reviews found
          How developers use Bootswatch and Material Kit
          No items found
          How much does Bootswatch cost?
          How much does Material Kit cost?
          Pricing unavailable
          Pricing unavailable
          News about Bootswatch
          More news
          News about Material Kit
          More news