Zurb Foundation

Do you like grid systems? How about rapid prototyping? Do you believe in mobile first? Then this theme is for you! Foundation is made by ZURB. This theme implements the Foundation framework for Drupal 7, 8, & 9!

What is it?

Zurb Foundation for Drupal is the official implementation of the framework by the same name. This theme provides the tools needed to integrate the framework to Drupal so you can begin prototyping sites rapidly.

It seems cool, I installed it, now what?

The theme provides a Gulp workflow out of the box to generate CSS from SCSS files, and you can add on from here to suit your needs.

From here, the sky is the limit for you as a themer.

Check the documentation to see how many components and elements are available to you for Foundation.

Current D8 and D9 Development

8.x-6.0-beta1 uses the Foundation XY Grid system and has all the latest development from the Foundation project. Help us get to our first stable release and let us know how your site is doing!

Please check the #2655142: 8.x-6.x Roadmap for more info.

Selecting a Zurb Foundation Version

• 9.x-beta1 Uses Foundation 6 in Drupal 9/10. (Roadmap)
• 7.x-5.x: Uses Foundation 5. Currently in development. (Roadmap)

Support and Related Modules

Foundation implements a handful of plugins to facilitate fancy UIs like Orbit slideshows, Section dropdowns for navigation or tabbed content, and responsive lightbox galleries.

• ZURB Orbit (7.x, 8.x)
• ZURB Clearing (7.x, 8.x-dev)
• ZURB Section (7.x, 8.x-dev)
• ZURB Interchange (7.x)
• ZURB TwentyTwenty (7.x, 8.x)
• Foundation Layouts (8.x)
• XY Grid Layouts based on Zurb XY grids (8.x)
• Zurb Foundation Companion with drush function ( 8.x . Currently in alpha, see Drush 9 issue for more info)

Built your site in Foundation & Drupal?

Tell us about it in the issue queue! We'd love to list new sites to showcase what Drupal and Foundation together can do.