Add A Resource

Add to the community-driven collection of Foundation resources.


Official Resources

Resource Description View
Foundation Site Official Foundation framework.
Foundation Docs Official Foundation documentation.
Themes / Templates

Resource Description View
FoundationMade A marketplace to buy and sell themes built with Foundation.
Reactor WordPress Theme A responsive WordPress framework generated with Zurb's Foundation.
Required+ WordPress Theme A responsive parent theme for WordPress built on Foundation.
Reverie WordPress Theme HTML5 responsive WordPress Framework based on Foundation.
WP-Foundation WordPress Theme Zurb's Foundation in a theme for WordPress.
Icon Fonts

Resource Description View
Foundation Icon Fonts 2 Icon font by Zurb built for use with Foundation.
Typicons 308 icons embedded in a webfont.
Fontello Tool to create your own font by picking icons from other popular icon sets.
IcoMoon Massive selection of over 3800+ free icons to create your own font. Premium selection is also available.
Modern Pictograms 70 free icons in version 1, 202 paid icons in version 2.
FontAwesome Icons designed for use with Bootstrap, but works well with Foundation as well.
UI Elements

We've got nothing here yet. Please help the community and add any additional resources you're aware of that aren't listed here. You can add resources to the list by submitting the URL towards the top of the page.

Forms

We've got nothing here yet. Please help the community and add any additional resources you're aware of that aren't listed here. You can add resources to the list by submitting the URL towards the top of the page.

JavaScript Plugins

We've got nothing here yet. Please help the community and add any additional resources you're aware of that aren't listed here. You can add resources to the list by submitting the URL towards the top of the page.

Learn / Examples

Resource Description View
Try Foundation Interactive lessons and projects to learn Foundation.
Foundation Subreddit A subreddit dedicated specifically to Foundation.
Foundation For Beginners - Part 1 An overview of why you should use Foundation and how to get and customize it.
Foundation For Beginners - Part 2 A tutorial on how to use the Foundation grid system.
Foundation For Beginners - Part 3 An explanation of the navigation used in Foundation and how to master it.
Foundation For Beginners - Part 4 An overview of how to deal with the top bar in Foundation and how to use it to your advantage.
Foundation For Beginners - Part 5 How to work with buttons in Foundation and customize them to your liking.
Foundation For Beginners - Part 6 An overview of the custom forms and switches elements of Foundation.
Using The Foundation Framework An introduction to using Foundation.
Up And Running With Foundation A Lynda course that provides and overview of all of the great parts of Foundation.
Rapid Prototyping With Foundation A guide on how to quickly get a prototype site up and running using Foundation 4.
SCSS / SASS Resources

Although you don't need to know SCSS or SASS to use Foundation, understanding them can make your CSS significantly more powerful and greatly improve your productivity.

Resource Description View
SCSS / SASS Homepage Learn how SASS and SCSS make Foundation easier to work with.
Sassy Buttons CSS3 buttons made with SASS. Not directly related to Foundation, but can be used as a gem.

Back to Top