Menu icon Foundation
100’s of New Foundation Building Blocks!

 

Hey everyone! Super excited to announce the new Building Blocks site! Other than a slick new design, there’s hundreds of Building Blocks to help you build faster than ever with Foundation. It’s like your productivity swiss army knife.

 

A Free Library of Coded UI Components to Jumpstart Your Web Development

Some Key Points:

 

  • Hundreds of code snippets to drop into your Foundation project: Expand the power of Foundation with a wide range of Building Blocks designed to to give you and your team a head start no matter what kind of site you’re building.

  • 7 Powerful Kits to jumpstart your responsive ecommerce site, mobile app, marketing site, portfolio page, admin dashboard and more: Download curated bundles of Building Blocks called Kits for building specific types of websites and apps.

 

  • Amazing code patterns created by the Foundation Community. Battle tested by designers and developers and reviewed by ZURB, the library will continue to expand.

 

  • You can be part of it too! It’s all open source, so you can get your Building Blocks into the community resource and be a star!

 

We’re really excited how Building Blocks will improve your #webdev game up and just help you use Foundation more effectively. Check out the blog post to learn more and to get a link to the site.

 

Check out the Blog post and the Building Blocks site:

http://zurb.com/article/1469/foundation-building-blocks-over-100-compo

 

As always, we’ll answer your questions below and it would be awesome if you tell a friend so they know what’s up! Help spread the word - thanks!

building blockshtmlcssjsmenunavigationnavoff-canvassticky

 

Hey everyone! Super excited to announce the new Building Blocks site! Other than a slick new design, there’s hundreds of Building Blocks to help you build faster than ever with Foundation. It’s like your productivity swiss army knife.

 

A Free Library of Coded UI Components to Jumpstart Your Web Development

Some Key Points:

 

  • Hundreds of code snippets to drop into your Foundation project: Expand the power of Foundation with a wide range of Building Blocks designed to to give you and your team a head start no matter what kind of site you’re building.

  • 7 Powerful Kits to jumpstart your responsive ecommerce site, mobile app, marketing site, portfolio page, admin dashboard and more: Download curated bundles of Building Blocks called Kits for building specific types of websites and apps.

 

  • Amazing code patterns created by the Foundation Community. Battle tested by designers and developers and reviewed by ZURB, the library will continue to expand.

 

  • You can be part of it too! It’s all open source, so you can get your Building Blocks into the community resource and be a star!

 

We’re really excited how Building Blocks will improve your #webdev game up and just help you use Foundation more effectively. Check out the blog post to learn more and to get a link to the site.

 

Check out the Blog post and the Building Blocks site:

http://zurb.com/article/1469/foundation-building-blocks-over-100-compo

 

As always, we’ll answer your questions below and it would be awesome if you tell a friend so they know what’s up! Help spread the word - thanks!

Daniel Codella almost 2 years ago

So thrilled about this, great work team!

Steven Muncy almost 2 years ago

Great resource!

Rafi Benkual almost 2 years ago

Thanks Steve! There are more Building Blocks being added daily - anything specific you'd like to see?

Steven Muncy almost 2 years ago

Always interested in better search, nav, accessibility, and UI methods. You are on the right track, just keep them coming. I have already found several items to implement. Thanks to those willing to share their ideas and expertise.

Ryan Patterson almost 2 years ago

Props to the folks at Zurb and all the other contributors. Really is some great stuff in there. Can't wait to see more and more things added. 

Robert Coalter 25 days ago

in foundation 6.5.1. I have tried to add the html/css via copy for the Expanding Hover Columns.  and added them to the index.html and app.css of the clean setup of 6.5.1    this code does not work, it takes the sample images and stacks them top to bottom on the page.   what am I missing?