Flat UI
Flat UI

101
110
+ 1
0
Material Design Lite
Material Design Lite

641
305
+ 1
114
Add tool

Flat UI vs Material Design Lite: 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 Lite is detailed as "Material Design Lite Components in HTML/CSS/JS". Material Design Lite (MDL) lets you add a Material Design look and feel to your static content websites. It doesn't rely on any JavaScript frameworks or libraries. Optimized for cross-device use, gracefully degrades in older browsers, and offers an experience that is accessible from the get-go.

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

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 Lite provides the following key features:

  • Blog Template
  • Dashboard Template
  • Text Heavy Webpage Template

Flat UI and Material Design Lite are both open source tools. It seems that Material Design Lite with 31.3K GitHub stars and 5.32K forks on GitHub has more adoption than Flat UI with 14.5K GitHub stars and 2.46K GitHub forks.

According to the StackShare community, Material Design Lite has a broader approval, being mentioned in 9 company stacks & 26 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 Lite?

Material Design Lite (MDL) lets you add a Material Design look and feel to your static content websites. It doesn't rely on any JavaScript frameworks or libraries. Optimized for cross-device use, gracefully degrades in older browsers, and offers an experience that is accessible from the get-go.
Why do developers choose Flat UI?
Why do developers choose Material Design Lite?
    Be the first to leave a pro

    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 Lite?

        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 Lite?
          No integrations found
          What are some alternatives to Flat UI and Material Design Lite?
          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
          Interest over time
          Reviews of Flat UI and Material Design Lite
          Review ofMaterial Design LiteMaterial Design Lite

          ๋งŽ์€ ๋ฒ„๊ทธ๊ฐ€ ์กด์žฌํ•˜๋Š”๋ฐ, ๊ฐ๊ฐ์˜ css ์ •์˜๊ฐ€ ์„œ๋กœ ์—ฐ๊ฒฐ๋˜์–ด์„œ ์ˆ˜์ •์ด ์‰ฝ์ง€ ์•Š๋‹ค.

          ๋ฐœ๊ฒฌ๋œ ์ด์Šˆ์กฐ์ฐจ ์—…๋ฐ์ดํŠธ ํ•˜์ง€ ์•Š์œผ๋ฉฐ, ์‚ฌ์šฉ์ž๊ฐ€ ์ง์ ‘ ์ˆ˜์ •ํ•ด์„œ ์‚ฌ์šฉํ•ด์•ผํ•œ๋‹ค.

          How developers use Flat UI and Material Design Lite
          Avatar of Kevin van Guldenaar
          Kevin van Guldenaar uses Material Design LiteMaterial Design Lite

          Just enough design for non-designer types.

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