Foundation for Sites

Getting Started

Foundation is easy to get started with making amazing Sites and Apps. We put together these guides to help you get up and running in no time. These guides include Sass setup and install, how to use the Foundation Sass, JavaScript, accessibility and more.

Kitchen Sink

See every single Foundation element on a single page! You can see all the UI goodness in Foundation and we can make sure things work together smoothly.

Learn More →

CSS

The simplest way to get going. The straight CSS option includes everything you need to start hacking away. You can customize the download & use what you need.

Learn More →

Sass

Harness the power of variables, mixins and CSS nesting with Sass! It’s the easiest way to customize Foundation styles, use your own naming, and develop faster.

Learn More →

Accessibility

The accessibility guidelines on this page will help you make your sites more accessible for keyboard navigation and screen readers as well as some helpful resources.

Learn More →

Do Some Construction

Give your work a visual boost. Don't worry, we've got what you need.

HTML Templates

We’ve created templates to jump start your next Foundation project. These templates will help you build faster or get an idea for your next project's layout.

Build Faster →


Foundation Forum

The Foundation forum is a great place to get involved in discussions, get answers, and help someone out! Find helpful articles and tutorials there too!

Get in the Conversation →


GitHub

Report bugs or submit your own fixes through a pull request. Post helpful feedback on discussion threads. Resolve 10 issues, get a shirt!

See How to Contribute →


Twitter

We love it when you share the work you created, the tunes you listen to when coding with Foundation, or any other interesting tidbits.

Chat with us on Twitter →