Check out 3 Foundation CSS Grid Experiments!

Foundation Coding Resources

Tons of resources to help you build faster. We love our creative, resourceful, active Foundation community. All around the globe people are using Foundation to create beautiful websites and the community is continually making some incredible add-ons to take it even further. Check out these sweet CMS templates, plugins, themes, icon fonts, tools and more that you can use in your projects!


Tools

FOUNDATION 6

We collected some valuable tools for Foundation for Sites 6 we think you'll like.

Angular

The awesome folks at Pinecone created an Angular port for Foundation. Angular.js assists with creating single-page applications, one-page web applications that only require HTML, CSS, and JavaScript on the client side.


Tools

FOUNDATION 5

Tons of Foundation 5 resources to take your project to the next level.

Angular

The awesome folks at Pinecone created an Angular port for Foundation. Angular.js assists with creating single-page applications, one-page web applications that only require HTML, CSS, and JavaScript on the client side.

Foundation for RapidWeaver

Foundation for RapidWeaver uses the latest technologies to sky rocket your site into the modern era. Not to mention that it's built for speed! By Joe Workman (Foundation Certified) for Foundation 5

Rapid Foundation | RapidWeaver + Stacks + Foundation

Pinegrow Editor for Foundation

Pinegrow Web Editor - Visual site builder desktop app for Foundation

Grids

Text Editor Snippets

Plugins

Code Playground

  • Codeply with latest Foundation for Sites and snippets
  • Codepen with latest Foundation for Sites

Other Tools


Themes & Templates

Get started faster: Choose a CMS for Wordpress that's Foundation ready or a simple CSS theme for your projects.

Content Management Themes (CMS)

Wordpress

Drupal

Ghost

Jekyll

Joomla

Middleman

Contao

Other CMS Themes

Ecommerce

Shopify

Magento

Cubecart

Backend

Django

Meteor

.NET

Other Backend Themes

Paid Themes


Prototyping

Mockups don’t tell a story. Build a prototype in no time with these helpful prototyping resources.

PSD Templates

Rapid Prototyping

Foundation UI Kit for Axure

Foundation UI Kit for Axure by Ole Fredrik Lie  F5

Other Prototyping Resources


Install Resources

Want to get Foundation a different way? You can get a slick apps, like Cactus and CodeKit. Try a Yeoman generator. They'll do the work for you!

CodeKit

A Mac app that allows you to build websites faster with Foundation using CodeKit. With zero setup and Bower built right into the system, CodeKit can compile any language with one click updates.

Cactus

Cactus allows you to build your websites locally with the ease and flexibility of Foundation. Using Cactus allows you to put the components of your website together with your local server without having to set up a server environment like Ruby.

Yeoman Generator

Ruby on Rails Sass Gems

Workflow


Contribute

Want to get in on the action? Submit what you made or share your favorite resources. Email us!