ZURB Foundation
Component ID
Component name
Component type
Maintenance status
Development status
Component security advisory coverage
Downloads
Component created
Component changed
Component body
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!
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.
Foundation 7 Requirements
- See the roadmap for discussion: #2920041: 8.x-7.x Roadmap
Foundation 6 Requirements
- TBD
Foundation 5 Requirements
- PHP 5.3 or later
- jQuery Update running 1.10.
- Foundation 1.0.3 gem or higher
- Node.js & Grunt.js (for rapid theme development). You may still use app.css if you wish.
Foundation 4 Requirements
- PHP 5.3 or later
- jQuery Update 1.7+ (4.x) OR 1.10/2.0 (5.x).
- 7.x-4.x: Zurb Foundation 4.x gem (for theme development)
Selecting a Zurb Foundation Version (4.x and 5.x thoroughly tested)
- 8.x-6.x: Uses Foundation 6 in Drupal 8. (Roadmap)
- 8.x-5.x: Uses Foundation 5 in Drupal 8. Tagged as beta. (Roadmap)
- 7.x-5.x: Uses Foundation 5. Currently in development. (Roadmap)
- 7.x-4.x: Uses Foundation 4. Currently, the latest stable version.
Support 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)
Sponsorship & Support
Lots of work implementing Foundation into Drupal 7/8 branch was generously sponsored by Bluetent, Chris Lee Consulting, Inclind, Inc., Velir and Acquia.
Built your site in Foundation & Drupal?
Tell us about it in the issue queue! We'd love to list new sites in Drupal 8 in either the 5.x or 6.x version to showcase what Drupal and Foundation together can do.