6 Free Responsive Frameworks You Can Use with Drupal

After having posted some articles showcasing a number of nice but premium responsive Drupal themes, I decided it’s time to again return to the community and highlight some of the work that’s been contributed for free. Although more noteworthy free themes have propped up since my last post about free responsive themes, they will not be the focus of this article. It will also not include base themes that are not using a pre-existent framework - I leave those for a separate article.

Instead, I will show you 6 available responsive frontend frameworks that have been integrated with Drupal. Some of them maybe you know, others not, but in any case, they are powerful base themes from which you can start developing and designing your custom responsive Drupal themes. So let’s see what they are.


Twitter’s Bootstrap is one of the most famous frontend framework around. I recently read it now powers 1% of the web (which is quite a lot) and is indeed very powerful and flexible. It was only natural that someone take the initiative and develop a base theme for Drupal that uses this framework. And by the by, I designed WebOmelette.com starting from Bootstrap.

Check it out here.

ZURB Foundation

Another powerful frontend framework you might have heard about, ZURB Foundation is widely used and works great. It is very flexible, has many features and boasts to be the "most advanced responsive front-end framework in the world".

The integration with Drupal is mainly for Drupal 7 but work is already underway for Drupal 8 (there is already a dev version available for that).

Check it out here.


The Boilerplate Drupal base theme is based on the well known HTML5 Boilerplate frontend template. It is a popular framework used by many websites - such as Google, Microsoft or NASA. The Drupal theme that uses it is sponsored by Metal Toad and offers many of its powerful features to be used for your own custom theme.

Check it out here.

Responsive Skeleton


The Responsive Skeleton base theme is built around the Skeleton boilerplate. The latter is a lean collection of css rules that aims to provide a powerful responsive grid with only a basic UI but that is able to adapt to your design whatever that might be.

Although there are a couple of other Drupal themes that are based on the Skeleton boilerplate, Responsive Skeleton is meant to provide a base theme that makes it possible to use Skeleton for developing a custom theme using the Drupal coding standards.

Check it out here.

Fluid Baseline Grid (FBG)

This Drupal base theme is built for using the Fluid Baseline Grid development kit. The latter is typography oriented but combines responsive grids and a mobile-first approach into a solid foundation that you can deploy quickly.

The Drupal theme is available for both Drupal 7 and 6 and seeks to integrate the features available in the FBG framework.

Check it out here.

Square Grid

This base theme is built for using the mobile first Square Grid css framework. One of its defining features is the 35 equal column widths on which it is based.

Check out the Drupal base theme here.

- See more at: http://www.webomelette.com/free-responsive-drupal-themes-css-frameworks#...