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.
Foundation is a tool in the Front-End Frameworks category of a tech stack.
Foundation is an open source tool with GitHub stars and GitHub forks. Here’s a link to Foundation's open source repository on GitHub
Who uses Foundation?
Companies
737 companies reportedly use Foundation in their tech stacks, including LaunchDarkly, Nubank, and Accenture.
Developers
475 developers on StackShare have stated that they use Foundation.
Pros of Foundation
160
93
80
75
72
51
50
45
44
39
6
6
5
5
3
2
2
1
Decisions about Foundation
Here are some stack decisions, common use cases and reviews by companies and developers who chose Foundation in their tech stack.
satya m
Should I go with Foundation CSS instead of Bootstrap? Or, if any other popular responsive frameworks are out there, please suggest them to me. My site mainly targets mobile or tablet
Blog Posts
Foundation's 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.
- Professional: Millions of designers and developers depend on Foundation. Now we have business support, training and consulting to help grow your product or service.
Foundation Alternatives & Comparisons
What are some alternatives to Foundation?
Bootstrap
Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
Primer
Primer is the basecoat of GitHub, made by nerds just like you who share a passion for HTML and CSS.
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.
Tailwind CSS
Tailwind is different from frameworks like Bootstrap, Foundation, or Bulma in that it's not a UI kit. It doesn't have a default theme, and there are no build-in UI components. It comes with a menu of predesigned widgets to build your site with, but doesn't impose design decisions that are difficult to undo.