Need advice about which tool to choose?Ask the StackShare community!
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.
Pros of Flat UI
- Sass support1
- CSS class naming conventions are similar to Bootstrap1
- Good for mockups and minimal UI design1
- Basic Flat design1
Pros of Foundation
- Responsive grid160
- Mobile first93
- Open source80
- Semantic75
- Customizable72
- Quick to prototype52
- Simple ui50
- Fast45
- Best practices44
- Easy setup39
- Neutral style6
- HTML, SCSS and JS6
- Accessibility support5
- Professional5
- Xy grid3
- Sass2
- Every new version is smaller, smarter & more efficient2
- Robust1
Sign up to add or upvote prosMake informed product decisions
Cons of Flat UI
- Not for creative and modern UI design1
Cons of Foundation
- Requires jQuery5
- Awful site4
Sign up to add or upvote consMake informed product decisions
What is Flat UI?
What is Foundation?
Need advice about which tool to choose?Ask the StackShare community!
What companies use Flat UI?
What companies use Foundation?
Sign up to get full access to all the companiesMake informed product decisions
What tools integrate with Flat UI?
Blog Posts
+30