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?
739 companies reportedly use Foundation in their tech stacks, including LaunchDarkly, Nubank, and Accenture.
476 developers on StackShare have stated that they use Foundation.
Pros of Foundation
Quick to prototype
HTML, SCSS and JS
Every new version is smaller, smarter & more efficient
Decisions about Foundation
Here are some stack decisions, common use cases and reviews by companies and developers who chose Foundation in their tech stack.
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
Sep 9 2016 at 2:06AM
- 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?
See all alternatives
Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
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.
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 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.