Get Advice Icon

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

Flat UI
Flat UI

88
82
+ 1
0
Material Design for Bootstrap
Material Design for Bootstrap

51
79
+ 1
44
Add tool

Flat UI vs Material Design for Bootstrap: What are the differences?

Developers describe Flat UI as "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. On the other hand, Material Design for Bootstrap is detailed as "Material Design for Bootstrap". This Bootstrap theme is an easy way to use the new Material Design guidelines by Google in your Bootstrap 3 based application. Just include the theme right after the Bootstrap CSS and include the javascript at the end of your document, everything will be converted to Material Design (paper) style.

Flat UI and Material Design for Bootstrap belong to "Front-End Frameworks" category of the tech stack.

Some of the features offered by Flat UI are:

  • Bootstrap-based
  • Retina Ready Images and Icons
  • Custom form components

On the other hand, Material Design for Bootstrap provides the following key features:

  • Input fields (text, numeric, email, etc)
  • Textarea
  • Buttons (ripple effect working)

Flat UI and Material Design for Bootstrap are both open source tools. Material Design for Bootstrap with 19.9K GitHub stars and 3.31K forks on GitHub appears to be more popular than Flat UI with 14.5K GitHub stars and 2.46K GitHub forks.

According to the StackShare community, Material Design for Bootstrap has a broader approval, being mentioned in 5 company stacks & 6 developers stacks; compared to Flat UI, which is listed in 4 company stacks and 3 developer stacks.

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 Design for Bootstrap?

This Bootstrap theme is an easy way to use the new Material Design guidelines by Google in your Bootstrap 3 based application. Just include the theme right after the Bootstrap CSS and include the javascript at the end of your document, everything will be converted to Material Design (paper) style.
Get Advice Icon

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

Why do developers choose Flat UI?
Why do developers choose Material Design for Bootstrap?

Sign up to add, upvote and see more prosMake informed product decisions

    Be the first to leave a con
      Be the first to leave a con
      What companies use Flat UI?
      What companies use Material Design for Bootstrap?

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

      What tools integrate with Flat UI?
      What tools integrate with Material Design for Bootstrap?
        No integrations found
        What are some alternatives to Flat UI and Material Design for Bootstrap?
        Material Design
        Material Design is a unified system that combines theory, resources, and tools for crafting digital experiences.
        Material-UI
        It is a comprehensive guide for visual, motion, and interaction design across platforms and devices.
        Bootstrap
        Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
        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.
        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.
        See all alternatives
        Decisions about Flat UI and Material Design for Bootstrap
        No stack decisions found
        Interest over time
        Reviews of Flat UI and Material Design for Bootstrap
        No reviews found
        How developers use Flat UI and Material Design for Bootstrap
        Avatar of Itbid
        Itbid uses Material Design for BootstrapMaterial Design for Bootstrap

        UX intuitiva pensada para usuarios de Android

        How much does Flat UI cost?
        How much does Material Design for Bootstrap cost?
        Pricing unavailable
        Pricing unavailable
        News about Flat UI
        More news
        News about Material Design for Bootstrap
        More news