Foundation logo

Foundation

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

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
738 companies reportedly use Foundation in their tech stacks, including LaunchDarkly, Nubank, and Accenture.

Developers
476 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
52
Quick to prototype
50
Simple ui
45
Fast
44
Best practices
39
Easy setup
6
Neutral style
6
HTML, SCSS and JS
5
Accessibility support
5
Professional
3
Xy grid
2
Sass
2
Every new version is smaller, smarter & more efficient
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
18380

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.
JavaScript
JavaScript is most known as the scripting language for Web pages, but used in many non-browser environments as well such as node.js or Apache CouchDB. It is a prototype-based, multi-paradigm scripting language that is dynamic,and supports object-oriented, imperative, and functional programming styles.
Git
Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency.
GitHub
GitHub is the best place to share code with friends, co-workers, classmates, and complete strangers. Over three million people use GitHub to build amazing things together.
See all alternatives

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