Rapidweaver Community

• Rapidweaver Community Group
• Rapidweaver Community Center

Add-ons

Straight out of ZURB Playground; Some sweet tools and plugins to add to your projects.

Tools

Backgrounds for different devices, Title Text, Image Line and Progress Bar (for Foundation), To Top stacks. RapidWeaver Community Addons. With RapidWeaver The official RapidWeaver marketplace with 1,100+ addons listed, easy to follow video tutorials. Now, next, and beyond: Tracking need-to-know trends at the intersection of business and technology. Q: Will RapidWeaver 8 run on my System? A: RapidWeaver 8 runs great on everything from macOS 10.12 through to macOS 10.14 (Mojave). We've built RapidWeaver 8 so that it runs on 10.11, but this is unsupported, and due to the OS being fairly old you may encounter a few issues. RapidWeaver Community Addons Tutorials. RapidWeaver newsletter The latest news, articles, and resources, sent to your inbox weekly.

FOUNDATION 6

We collected some valuable tools for Foundation for Sites 6 we think you'll like.

Angular

The awesome folks at Pinecone created an Angular port for Foundation. Angular.js assists with creating single-page applications, one-page web applications that only require HTML, CSS, and JavaScript on the client side. Keycue 9 77.

• Design visually with the mighty Foundation 6 framework. by Coffee Cup
• JointsWP Foundation 6 WordPress theme by Jeremy Englert
• Foundation for Sites 6 Nuget Package By Abdullah Salem
• FoundationPress WordPress starter-theme based on Foundation 6 by Ole Fredrik Lie
• Material Design version of Foundation 6 by Mikolaj Dobrucki
• Project-Yeti WordPress Starter Theme by Simon Hayter.
• TypeScript Settings file for Foundation 6 by Sam Vloeberghs
• Font Awesome support for Foundation buttons by Josh Medeski.
• Foundation for Sites 6 Atom Snippets by George Bratsos.
• Foundation for Sites template for Sketch 3. Written by Stephen Way.
• Jekyll 3 project with Foundation for Sites 6 Sass. Written by Chris Orendi.
• Coda 2 clips for Foundation 6 by Zack Warren
• Axure Foundation 6 UI Kit by Adam Misosky
• Foundation 6 for Sites Joomla template by Remco Janssen
• Installing NodeJS, Foundation 6, and Firebase by Franz Noel
• Axure Foundation 6 widget library by Elios Lino
• Foundation 6 Visual Studio Snippet Extension by Dave Joyce
• Bones: Theme for Grav CMS and Foundation 6 by Ben Lee
• Axure and Sketch Pattern Libraries by Pointsource

• Shiro is a premium Shopify ecommerce theme designed by Copperhaus.
• Brunch skeleton using Foundation 6. Written By Bass Jobsen.
• Yeoman generator to scaffold out a front-end Foundation 6 Web app. Written By Bass Jobsen.
• Scratch - a Yeoman generator for quickly creating new Foundation WordPress projects. by Sixteenbit.
• Foundation 6 CDN via JSDeliver
• Jekyll static site projects with Foundation 6 by Troy McGinnis
• Foundation 6 Menu Walker Class for WordPress By Will from wLc Designs
• Gulp + Angular + Foundation 6 by Fulup Ar Foll
• Foundation for Sites 6 with Java Server Faces by Stefan Katerkamp
• Project Yeti WordPress theme by Simon Hayter
• Croft - WordPress theme built with Foundation 6 and Hybrid Core by Brett Mason
• Yii 2 Basic Gulp Sass PHP Application Template for Foundation 6 by Jacob Moen
• Yii2 with Foundation 6 and PHP by Foundationize
• WebStorm Foundation 6 snippets by Laurent Remy
• Get a Media Query for any Device by Michael Gannon

Tools

FOUNDATION 5

Tons of Foundation 5 resources to take your project to the next level.

Angular

The awesome folks at Pinecone created an Angular port for Foundation. Angular.js assists with creating single-page applications, one-page web applications that only require HTML, CSS, and JavaScript on the client side.

Foundation for RapidWeaver

Foundation for RapidWeaver uses the latest technologies to sky rocket your site into the modern era. Cyberduck 6 6 1. Not to mention that it's built for speed! By Joe Workman (Foundation Certified) for Foundation 5

Pinegrow Editor for Foundation

Grids

• Experimental Grid Generator courtesy of Ville Vanninen
• Grid Displayer Bookmarklet by Antoine Lefeuvre
• Responsive Design Bookmarklet by Victor Coulon

Text Editor Snippets

• A Brackets extension to add ZURB Foundation 5 basic template to your page by George Bratsos
F5
• Textmate/Sublime Text 2 Bundle by Liam R
• ZURB Foundation 5 Sublime Text Snippets by ZURB F5
• Foundation 5 Clips for Coda 2 by Zacksmash F5
• Foundation 5 Snippets for the Atom editor by Laurent Rémy F5

Plugins

• Image Blur Texture by ZURB Playground
• Pie Charts, Bar Graphs, & Line Graphs by ZURB Playground
• Foundation Icon Fonts 3 by Foundation Team
• Foundation Date Range Picker by Talha Asad
• Epoch Chart by Jordan Feldstein
• ZMultiSelect Plugin by Andrea Mariani F5
• MultiSelect Plugin by Andrea Mariani F4
• Foundation Shortcode Plugin by Wordpress F5F4
• Foundation Sticky Footer by Corey Snyder F5F4
• Foundation Slide Up Top-bar by Mike at Pixelspring F5
• Responsive Style Tiles for Foundation F5
• Feature packed extension - Foundation for Contao by Monique Hahnefeld F5

Code Playground

• Codeply with latest Foundation for Sites and snippets
• Codepen with latest Foundation for Sites

Other Tools

• Building Blocks by ZURB
• Almost Flat UI by Amit Gaur F5
• Lessons on Foundation and Design by ZURB
• Modular Scale by Mason Wendell and Scott Kellum
• Foundation's Offline Documentation by Foundation Team
• Less Version by Justin Marsan
• Less with Color Scheme by Matalin Hatchard
• HAML Web Templates by Peter Bonnell
• Responsinator - See your site responsively by Tama Pugsley & Andy Hovey

Themes & Templates

Get started faster: Choose a CMS for Wordpress that's Foundation ready or a simple CSS theme for your projects.

Wordpress

• JointsWP by Jeremy Englert F5
• Get Underwood by James Best F5
• WP-Forge by Thomas E. Vasquez F5
• FoundationPress by Ole Fredrik Lie F5
• Grunterie based on Reverie by George Spake F5
• Ingliside theme for WordPress by wLc Designs F5
• Walker Menu Class for WordPress by wLc Designs F5
• Nassim by LebCit
F5
• Timber Foundation by Mike Martel
F5
• Picotto by Jonathan Urban F5
• Spine by Paul de Wouters F5
• NARGA by Nguyễn Đình Quân F5
• WP Premium by R. Bhavesh F5
• Corner Stone by Stephen Mullen F5
• WordPress Starter Theme by Simon Padbury
• Reverie by Zhen F5
• Rootbeer by Josh Medeski F5
• Clean Yeti by Serene Themes F5
• Green Yeti by Serene Themes F5
• Basey by Zach Schnackel F5
• FoundationWP by Geoff Graham F5
• App Starter by Josh Pollock F5
• Starter Theme by Drew Morris F4
• Flair by Bronson Quick F4
• Reactor by Anthony Wilhelm F4
• f415 by Gabor Javorszky F4
• SmartAdapt by netbiel F4
• Underscore Foundation by Leonard Bogdonoff F4
• required+ Themes by required+ F3.25
• Yeti by Modular Learning F3.2
• WP-Foundation by 320press F3
• Grunterie by Adam Powell F5

Drupal

• ZURB Foundation Drupal Theme by Kevin Quillen F5
• Zoundation Theme by Andrea Burton & Jeff Graham, FunnyMonkey F4
• Zurb Foundation Supporting Drupal 8 by Chris Lee & Ishmael Sanchez F4F3.2
• Drupal Theme by Drew Kennelly F4

Ghost

• Ghost theme with Grunt Scss workflow & Blog by Julian Cwirko F5
• Phantom Yeti for Ghost by Slate Ballard F4
• Ghostion for Ghost by Jim Bennet F5

Jekyll

• Noita by Anatol Broder F5
• Jekyll + Foundation by Leonard Bogdonoff F4 Sass
• GrooveMonkey by Dave Cohen F3 CSS
• Loaded Jekyll site skeleton built on Foundation by Evan Sosenko F5

Joomla

• JoomberUI by The Template Blog F5
• Joomla Template by Arnold Mwumva Ford, Meridian Softech F5
• Joomla Template by Antony Doyle, Siege21 F4

Middleman

• Middleman Skeleton by Andrea Moretti F5
• Middleman Foundation by Brian Lachniet F5
• Middleman Foundation Template by Matt Olson F4

Rapidweaver Community Group

Contao

• Feature packed extension - Foundation for Contao by Monique Hahnefeld F5
• Foundation for Contao also Slick for Contao by Blair Winans F5

Other CMS Themes

• Foundation for Silverstripe by Ryan Wachtl F5
• Foundation for NationBuilder by Ian Patrick Hines F5
• Laravation for Laravel by George Spake F5
• OctoFound for Octopress by Anne Johnson F5
• Flexibility Theme for MODX by Menno Pietersen F4
• Foundation for Moodle by Danny Wahl F4
• Foundation for Omeka by Kate Lomax F4
• Foundation for Orchard CMS by Codeplex F4
• PyroYeti for PyroCMS by Timothy Asp F4

Shopify

• Foundationify Shopify Theme by Luke Bussey F5
• Shopify Foundation Theme Framework by Cam Gould F5

Magento

• Waterlee Boilerplate by Jake Sharp F5
• Magento & Foundation by Nandroid F3

Cubecart

• Cubecart Ecommerce Theme by Al Brookbanks F5

Django

• A Pinax theme based on Foundation by Christopher Clarke, Kwesi Aguillera & Lendl Smith F3
• Zinna Django Blog Theme by Augustin Laville F5

Meteor

• Foundation 5 with Scss for Meteor & Blog by Julian Cwirko F5
• Meteor Package by Eric Wallace F4
• Foundation Smart Package by MixinLabs & Arturas Lebedevas F5
• Foundation Smart Package by MixinLabs & Arturas Lebedevas F5

.NET

• NuGet Package for ASP.Net MVC by Edward Charbeneau F5F4
• Kartris E-commerce by Cactusoft Ltd. F4

Other Backend Themes

• A Foundation Wrapper for Flask (Python) by Pedro Baumann F5
• Pyramid Scaffold (Python) by Parker Pinette F4
• Starter template for a Foundation based site running on Express (Node / io.js) by Nguyen Ly F5
• Responsive CodeIgniter BoilerPlate (PHP) by Arnold Mwumva Ford, Meridian Softech F3
• Slim Fast for Slim (PHP) by Gargoyle F4
• Simple user management system utilizing Slim Framework, Facebook php sdk, Swift Mailer, PHPExcel, Foundation, & jQuery by Garrett R. MorrisF5

Individual Themes

• Athletic for Bigcommerce by Sprout Commerce
• Clarity for Bigcommerce by Sprout Commerce
• Woocommerce by WPTHM
• PolarCore Theme for Magento on AddonBakery
• Foundation Black and White for Shopify
• Business Template by Chad Connally

Prototyping

Mockups don't tell a story. Build a prototype in no time with these helpful prototyping resources.

Rapidweaver Community Center

PSD Templates

• Foundation GUI Kit (PSD) by Ole Fredrik Lie F5

Rapid Prototyping

• Rails FormBuilder with Foundation by Marnen Laibow-Koser
• ditbi by Rob Levin 4 Minute Demo Video
• Rapid Prototyping with Serve Foundation by Ale Muñoz F4

Foundation UI Kit for Axure

Foundation UI Kit for Axure by Ole Fredrik Lie F5

Other Prototyping Resources

• Sketch Foundation Kit by Stephen Way F5
• Foundation for Sites 5 Sketch Kit by 4ebstudio F5
• Sketch Foundation Navigation Kit by Tim Skaggs F5
• Foundation Mockups by WireframeSketcher F5

Install Resources

Want to get Foundation a different way? You can get a slick apps, like Cactus and CodeKit. Try a Yeoman generator. They'll do the work for you!

CodeKit

A Mac app that allows you to build websites faster with Foundation using CodeKit. With zero setup and Bower built right into the system, CodeKit can compile any language with one click updates.

Cactus

Cactus allows you to build your websites locally with the ease and flexibility of Foundation. Using Cactus allows you to put the components of your website together with your local server without having to set up a server environment like Ruby. Dock 1 0 4 – customize your dock adapter.

Yeoman Generator

• generator-aspnet-xtianus - Yeoman generator for ASP.NET 5 apps by Christian Matthias F5
• FrontCow - Foundation + Bourbon + FontAwesome + Atomic Design by Benjamin Cabanes F5
• Generator Foundation Five by bauschan F5
• Generator ZF5 by Julian Cwirko F5
• Yeoman-Foundation by Vincent Mac F5
• Generator-Foundation-Ext by James Akers F5
• Yeoman 1.0-Foundation 4 by Leonard Bogdonoff F4

Ruby on Rails Sass Gems

• Foundation Icons 2 by J. P. Nowak

Workflow

• Pelican (a static website generator) using Foundation & Demo and article by Steve Piercy F5
• Foundation Alfred by Josh Medeski F5

Contribute

Want to get in on the action? Submit what you made or share your favorite resources. Email us!

Introduction

Big, bold and beautiful to look at! Creamy was originally developed several years ago under the 'SeyDoggy' brand. It's always been a firm favourite of many RapidWeaver users. Creamy has aged well. This theme still remains a viable theme design for various different projects. Regular updates have seen Creamy make the transition across to becoming a fully mobile responsive theme, complete with excellent features like Bootstrap, Font Awesome Icons and flexbox layouts.

What's new in Creamy v8?

The latest version of Creamy introduces the following features.

• A brand new array of style and colour settings, including number input boxes and RGBa colour pickers. There have never been so many theme style and colour settings in any previous version of Creamy.
• ExtraContent containers are now 'content aware'. This means that instead of needing to manually toggle-on the display of ExtraContent containers, they automatically enable themselves if you place any content within them. This makes Creamy much faster and easier to work with.
• Subtle improvements to accessibility. For example, you can now tab-through the drop-down navigation menu.
• Revised the choice of sidebar positioning settings, so you have more control over the sidebar on both mobile and desktop.
• New Miscellaneous style settings to perform tasks like hiding the default RapidWeaver dragged and dropped banner.
• Creamy is now only compatible with RapidWeaver 8 and later. It will not work on older versions of RapidWeaver.

If you are eligible for Creamy 8 as a feee update, please login and check your Paddle account. Please backup all RW addons and project files before installing the update. Please anticipate that you will need to do through and re-apply some theme colour and style settings in projects that were applied to earlier versions of Creamy.

10 preset styles included

These are available for selection within the 'Theme Styles' dropdown. 10 presets have been created for you to use or expand further. Or course you don't have to start with these presets; if you prefer you can just dig straight into the theme style settings to create your own styles. But for novice RapidWeaver users, these can be a fun way to quickly customise the theme and see some of what it can do.

Drag and drop banners

These are the easiest way to customise the banner area in Creamy. Within the RapidWeaver page inspector, drag and drop a suitable image to use as your banner image. It is feasible to use different banner images on different pages, using this technique.

RWFontKit ready

The RWFontKit plugin is built into Creamy, giving you access to over 100 embedded, web safe and system font faces. These are easy to apply to headings or the main page content, using select menus in the theme style settings. No expensive font stacks or complicated coding required!

Good for accessibility

Creamy has a couple of special accessibility features built in. For example, using the tab key on a keyboard, a website user is able to tab-through the entire menu (and drop downs) and make a link selection using the return key. Little details like these can make a huge, positive impact on the overall accessibility of a website. In some regions of the world, creating an accessible website is a legal obligation.

Customising the mobile menu toggle label

Usability experts recommend that the 'hamburger' mobile toggle menu is accompanied with a text label, so users know where to access the menu on mobile devices. Creamy complies with this recommendation and displays the word 'menu' next to your toggle navigation menu. If you want to change this text label to something else, you can use this custom CSS code:
This code can be entered within Settings > Code > CSS to take effect on all pages of your website.

Social media icons

To set these up (per the homepage of the demo site) use ExtraContent 1. Either the ExtraContent stack or code snippet can be used. Within your ExtraContent container, type this code:
Update the links accordingly to point towards your own social media accounts. Font Awesome Icons are used for the button labels. More information on social media buttons, Font Awesome icons and ExtraContent is available in the knowledge base.

Arrows on drop-down menu items

If you have subpages to display under a parent link, consider adding little arrows to denote this. Double-click the page name in the RapidWeaver page list. Then type this after the page name:
These are just Font Awesome icons. Using single quotes instead of double quotes means the page will display correctly in your sitemap. The addition of the extra arrow class is just there to tell the theme not to display this arrow in the mobile toggle menu or your footer breadcrumbs.