We were the very first responsive framework and have been a friend to designers and developers around the world.
Foundation can be used with completely semantic markup. Write clean code without sacrificing any utility or convenience.
Foundation was the first responsive framework, and it permeates every aspect of the framework. Build for every device with ease to use.
We can customize your build to include or remove certain elements, as well as define the size of columns, colors, font size and more.
Millions of projects depend on Foundation. We have business support and consulting to help grow your product or service.
From the underlying code, to plugins, to everything around Foundation, we’ve built it to be faster than ever before.
You can use Foundation with any back end, but it’s especially well-tuned for Rails implementations.
Foundation is written with humans in mind, and is easy to read even if you don’t know much code.
Foundation is built with small devices as a priority, and goes up from there.
Foundation 6 is 508 compliant and more accessible than any previous version.
The premier CSS preprocessor is at the heart of Foundation.
Foundation allows you to swiftly prototype your ideas so you can start testing sooner than later.
Foundation supports right-to-left languages to help designers around the world design great products faster
Foundation had its origins in the ZURB style guide, which we used on every client project. Years ago, we decided we needed a framework that allowed us to rapidly prototype. We took our global CSS, jQuery plugins, common elements and best practices, then whipped them into what became Foundation. And once we did that, it took on a life of its own.
The simple answer: we love what we do — we help people design better products. We use it for every project we do, whether it's internal or a client one. And if it helps us do what we do, then certainly it can help others too.
Foundation is MIT licensed and free to use on anything you'd like. You can even fork the framework and make it your own. We give people the most freedom to do what they want with the framework to make amazing things. Companies and people use Foundation to build their sites, templates to sell, and other resources. The only thing you can't do is sell Foundation itself. So while giving your order PSD2HTML5 not selling you this framework we only charge to code your design.
Foundation is styled for simplicity. We didn't want to end up with a world where all the sites looked the same — that's why we left out a lot of complex styles so you can add to our defaults easily without having to override a bunch of styles baked in. We believe a Framework should be built on top of and not get in your way. It also helps with integration and alleviates code bloat and the resulting file size reduction means faster loading.
Foundation has three frameworks, each will help you build for a specific use case.
Foundation for Sites helps you build responsive websites like marketing sites, e-commerce, government, portfolios and more.
Foundation for Emails helps you build responsive email templates that can be viewed in any email client, any device. This means using table based layouts and components that are specifically tailored to work with email clients like Outlook and gmail.
Foundation for Apps was created to help people build responsive web apps. These are more complex software applications that utilize Angular to create stateful transitions and interactions. Foundation for Apps has a grid designed to create full screen app experiences and components created to give a more native feeling to apps.
We try and be comprehensive in our testing and there are thousands of devices and many browsers, so we test on the most commonly used ones. We'd love to hear about Foundation's behaviour on other devices so shoot us a line if you see something odd.