Foundation logo

Foundation

The most advanced responsive front-end framework in the world
1.2K
1.2K
+ 1
739

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.

Foundation Integrations

Pros of Foundation
160
Responsive grid
93
Mobile first
80
Open source
75
Semantic
72
Customizable
51
Quick to prototype
50
Simple ui
45
Fast
44
Best practices
39
Easy setup
6
HTML, SCSS and JS
6
Neutral style
5
Professional
5
Accessibility support
3
Xy grid
2
Every new version is smaller, smarter & more efficient
2
Sass
1
Robust
Decisions about Foundation

Here are some stack decisions, common use cases and reviews by companies and developers who chose Foundation in their tech stack.

Needs advice
on
BootstrapBootstrap
and
FoundationFoundation

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

See more

Blog Posts

GitHubGitSlack+30
27
17862

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.
See all alternatives

Foundation's Followers
1171 developers follow Foundation to keep up with related blogs and decisions.