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

Flat UI

107
143
+ 1
4
Material Kit

29
88
+ 1
0
Add tool

Flat UI vs Material Kit: What are the differences?

What is Flat UI? Free Bootstrap Framework and Theme. Flat UI is a beautiful theme for Bootstrap. We have redesigned many of its components to look flat in every pixel.

What is Material Kit? *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.

Flat UI and Material Kit can be categorized as "Front-End Frameworks" tools.

Flat UI and Material Kit are both open source tools. It seems that Flat UI with 14.5K GitHub stars and 2.46K forks on GitHub has more adoption than Material Kit with 5.11K GitHub stars and 511 GitHub forks.

Get Advice from developers at your company using StackShare Enterprise. Sign up for StackShare Enterprise.
Learn More
Pros of Flat UI
Pros of Material Kit
  • 1
    Sass support
  • 1
    CSS class naming conventions are similar to Bootstrap
  • 1
    Good for mockups and minimal UI design
  • 1
    Basic Flat design
    Be the first to leave a pro

    Sign up to add or upvote prosMake informed product decisions

    Cons of Flat UI
    Cons of Material Kit
    • 1
      Not for creative and modern UI design
      Be the first to leave a con

      Sign up to add or upvote consMake informed product decisions

      - No public GitHub repository available -

      What is Flat UI?

      Flat UI is a beautiful theme for Bootstrap. We have redesigned many of its components to look flat in every pixel.

      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.

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

      What companies use Flat UI?
      What companies use Material Kit?
        No companies found
        See which teams inside your own company are using Flat UI or Material Kit.
        Sign up for StackShare EnterpriseLearn More

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

        What tools integrate with Flat UI?
        What tools integrate with Material Kit?
        What are some alternatives to Flat UI and Material Kit?
        Material Design
        Material Design is a unified system that combines theory, resources, and tools for crafting digital experiences.
        Material-UI
        Material UI is a library of React UI components that implements Google's Material Design.
        Bootstrap
        Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
        Material Design for Angular
        Material Design is a specification for a unified system of visual, motion, and interaction design that adapts across different devices. Our goal is to deliver a lean, lightweight set of AngularJS-native UI elements that implement the material design system for use in Angular SPAs.
        Animate.css
        It is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
        See all alternatives