Contents
Introduction
Tutorials & Learning Resources for Foundation 5
Foundation 5 Script & Programming Resources
Foundation 5 Themes
Free Foundation 5 Website Themes
Paid Foundation 5 Website Themes
Foundation 5 WordPress Themes
Foundation 5 Videos
Introduction
I love the Zurb Foundation Framework, finding it infinitely better than Twitter Bootstrap but last year I ended up relenting and using Bootstrap for some projects for one simple reason: the sheer number of resources available for it.
Zurb Foundation 5 was recently released, making it even better that Bootstrap and to that end I’ve decided to try and help the movement by compiling a list of Zurb Foundation 5 resources. If you’re looking for an overview or Foundation 5 or deciding whether or not to use it, I’d recommend checking out:
5 Core Differences Between Foundation 5 and Bootstrap 3
Tutorials & Learning
Great Overview of Foundation 5
How to Started with Foundation 5 (Web Designer Depot)
Foundation 5 Basic Course by Zurb
Foundation 5 Advanced Course by Zurb
5 Core Differences Between Bootstrap 3 & Foundation 5
Using Zurb Foundation 5 with MVC 5 / Visual Studio 2012
If you’re looking for a good guide to Zurb Foundation I highly recommend Getting Started with Zurb Foundation 4, although its for Foundation 4 the same principles apply. There are also Foundation 5 books on the way soon: Getting started with Foundation 5.
If anyone has any to submit, please contact me or comment below and I’ll add them on!
Foundation 5 Script & Programming Resources
Foundation for ASP.NET MVC port via NuGet
Add Internet Explorer 8 (IE8) Support to Foundation 5
Foundation 5 Scripts & Add Ons
Foundation 5 Themes
Jump to Free Website Themes, Paid Website Themes or WordPress Themes
Free Foundation Website Themes
Base 2013
This is a limited design, created to be built upon and added to. It features a basic selection of pre-built layouts, including gallery (masonry and standard), product, contact, pricing and blog.
Full details are available from: www.themplio.com/themes/base-2013
Download the Base 2013 Theme
Creative Studios
Another simple Foundation 5 theme but with a strong color heading and main menu, features the usual sample page layouts and can be used full width or limited width.
Full details are available from: www.themplio.com/themes/creative-studios
Download the Creative Studios Theme
Easy Start
This is a round-cornered, light-hearted suitable as an ready to go theme for a non-corporate small enterprise.
Theme only comes with a couple of sample layouts so probably isn’t suitable for large scale websites.
Full details are available from: www.themplio.com/themes/easy-start
Download the Easy Start Theme
Epic
Like Based 2013, Epic doesn’t deviate too far from the Foundation 5 core but provides a good selection of page layouts and samples.
Full details are available from: www.themplio.com/themes/epic
Download the Epic Theme
Paid Foundation Website Themes
Standard website templates (not WordPress, Drupal, etc.)
FlatSum
Foundation Version: 5
Last Updated: 11th March 2014
FlatSum is a lovely minimal responsive website theme built on the latest version of Zurb Foundation.
What I love most about it is it’s been – it feels very snappy on all devices, it scales well and is well structured. It comes with 11 Photoshop source filed for customization.
Akin: Parallax One Page Theme
Foundation Version: 5
Last Updated: 6th March 2014
Akin is a simple Parallax theme built on Foundation 5. Its beauty lies in its simplicity and the author has left everything fairly naked. While perfect for using as a baseline, note that the theme comes with minimal ‘extras’ and no supporting design files.
Foundation 5 WordPress Themes
Advocator
Foundation Version: 5
Last Updated: 26th April 2014
The advocator theme is a beautifully simple and elegant theme with the authors having managed to avoid the pitfall of adding lots of whistles bells but still managing to ensure it looks much more than just a glorified vanilla foundation.
Legislator
Foundation Version: 5
Last Updated: 26th April 2014
While not great for general use, the Legislator theme is great for anyone looking to drive a message, campaign or make any other statement with impact. From the same authors as the Advocator theme, it is well built and come with 6 colour variations right out of the box.
I appreciate the link to my article. I have more coming soon. Unless I missed it, I think one very good resource is missing. My friend Ed created the NuGet package for installing Foundation 5 into MVC projects. Check his site out at htp://www.ResponsiveMVC.Net Thanks again!
. Cheers~!
Hey httpJunkie,
Thanks for your work and thanks for the link too – much appreciated (I’ve added a link to Ed’s tutorial). If there’s anything else I’ve missed please let me know.
All the best
Bob
Nice article. I think a good resource to add is http://foundationdeck.com . Its new but they have cool themes.
Precious resources, cool !
I developped a WP foundation Theme here: http://picotto-wp.urbanjonathan.com/
Thanks for sharing.
Jonathan.