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

Flat UI

103
131
+ 1
0
Foundation

1.2K
1.1K
+ 1
735
Add tool

Flat UI vs Foundation: 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 Foundation? The most advanced responsive front-end framework in the world. Foundation is the most advanced responsive front-end framework in the world. You can quickly prototype and build sites or apps that work on any kind of device with Foundation, which includes layout constructs (like a fully responsive grid), elements and best practices.

Flat UI and Foundation 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, Foundation provides the following key features:

  • Semantic: Everything is semantic. You can have the cleanest markup without sacrificing the utility and speed of Foundation.
  • Mobile First: You can build for small devices first. Then, as devices get larger and larger, layer in more complexity for a complete responsive design.
  • Customizable: You can customize your build to include or remove certain elements, as well as define the size of columns, colors, font size and more.

Flat UI and Foundation are both open source tools. It seems that Foundation with 28.2K GitHub stars and 5.77K forks on GitHub has more adoption than Flat UI with 14.5K GitHub stars and 2.46K GitHub forks.

Docker, HotelTonight, and OpenTable are some of the popular companies that use Foundation, whereas Flat UI is used by Apexure, Leonis Holding, and SkyQuest. Foundation has a broader approval, being mentioned in 653 company stacks & 77 developers stacks; compared to Flat UI, which is listed in 4 company stacks and 3 developer stacks.

Get Advice from developers at your company using Private StackShare. Sign up for Private StackShare.
Learn More
Pros of Flat UI
Pros of Foundation
    Be the first to leave a pro
    • 158
      Responsive grid
    • 92
      Mobile first
    • 79
      Open source
    • 75
      Semantic
    • 72
      Customizable
    • 51
      Quick to prototype
    • 50
      Simple ui
    • 45
      Fast
    • 44
      Best practices
    • 39
      Easy setup
    • 6
      Neutral style
    • 6
      HTML, SCSS and JS
    • 5
      Professional
    • 5
      Accessibility support
    • 3
      Xy grid
    • 2
      Every new version is smaller, smarter & more efficient
    • 2
      Sass
    • 1
      Robust

    Sign up to add or upvote prosMake informed product decisions

    Cons of Flat UI
    Cons of Foundation
      Be the first to leave a con
      • 4
        Awful site
      • 4
        Requires jQuery

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

      Foundation is the most advanced responsive front-end framework in the world. You can quickly prototype and build sites or apps that work on any kind of device with Foundation, which includes layout constructs (like a fully responsive grid), elements and best practices.

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

      What companies use Flat UI?
      What companies use Foundation?
      See which teams inside your own company are using Flat UI or Foundation.
      Sign up for Private StackShareLearn More

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

      What tools integrate with Flat UI?
      What tools integrate with Foundation?

      Blog Posts

      GitHubGitSlack+30
      25
      15782
      What are some alternatives to Flat UI and Foundation?
      Material Design
      Material Design is a unified system that combines theory, resources, and tools for crafting digital experiences.
      Material-UI
      MUI (formerly Material-UI) is the React UI library you always wanted. Follow your own design system, or start with Material Design.
      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