Foundation logo

Foundation

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

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 29.1K GitHub stars and 5.7K GitHub forks. Here’s a link to Foundation's open source repository on GitHub

Who uses Foundation?

Companies
743 companies reportedly use Foundation in their tech stacks, including LaunchDarkly, Nubank, and Accenture.

Developers
467 developers on StackShare have stated that they use Foundation.

Foundation Integrations

Pros of Foundation
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
Decisions about Foundation

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

Shared insights
on
Bootstrap
Foundation

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

+30
25
15307

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.
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.
Material-UI
MUI (formerly Material-UI) is the React UI library you always wanted. Follow your own design system, or start with Material Design.
See all alternatives

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