Demos you wont find anywhere else

My Image

Links to all our stack demo sites in one place.

Most of the demos are available as RW6 projects to download from the stack product pages.

Layout stacks for everyone.

BluePrint contains three layout stacks to make your life easier and your sites better.

BluePrint-ONE, SideBar and SVG to give more control and style options to your layouts and they work in any theme.

Sticky, fixed, style and size changes, slide up and slide away content. Chroma is a suite of stacks that does it all.

Chroma packs in all the features of SlideUp, ScrollUp and Pin into one much more efficient and powerful package. With its all new chromascroll JS engine, marker controlled style and slide changes are now a breeze.

Bevel makes it really easy to add angled bands to your pages. It can be used in any theme and has a myriad uses.

Bevel is simple to use but can bring pages to life.

Make Popovers, ToolTips, Dropdown menus and modal dialogs with ease. Works in any theme and also integrates directly with ButtonPlus2

The ultimate utility box.

Box Mode
Box Mode is a quick and easy way to add backgrounds, overlays and detailed alignment to any stack that you drop into it.

Caption Mode
Caption mode allows you to build stunning hover captions that are totally unique with no limitations.

Full Width Override
Adding full width or banded sections to your page is great but you cannot do it within a column stack that limits the width to the site width..... Until now.

Sections Pro is the all new update to the most successful stack we've ever made. This is a total ground up re-write of the original with lots of new layout features and over twice as code efficient.

This is the ultimate layout stack. CMS enabled and now with smartCODE child stacks for animations, video and cookie controlled functions.

Integrates with: Total Blog, Total CMS and Easy CMS directly.

Its Magellan on steroids. A fully styled integrated menu and navigation system now for version 2 with a fully responsive mobile menu system.

Standalone Nav Dots stack that can be used with or without the MagicGellan menu.

Add FontAwesome and other Icon Sets to your menu items via the marker and zone stacks. Everything is then auto generated.

Header Pro allows all the control you ever wanted for a header stack in a light weight super efficient package.

Fully responsive with lots of control over the layout on both desktop and smaller screens.

smartCODE Enabled.

Paragraph Pro allows all the control you ever wanted for a text stack in a light weight super efficient package.

Fully responsive with lots of control over the layout on both desktop and smaller screens.

Drop caps, read more and full Google and Web Font capabilities.

smartCODE Enabled.

Grummage Foundation Column stacks bring more responsive control, vertical centering, background images, swatch colors and much more.

These stacks are native Foundation columns but with a lot more customization options. Making both simple and more advanced layouts is easy with Grummage stacks.

Sticky columns while you scroll. This is more than fixing though - they move up with the rest of the content when you reach the bottom of the row. Just remember to use equalize height.
Sticky Grummage also works with the Pillar Stack.

Type out text, change words letters and sentences all in the convenience of an easy to use stack. Lots of options and lots of control - see what you can do with it.

Animate content as you scroll. From a simple effect to an all out animation fest. ScrollMate won't hog your browser resources even with lots on the page. It is super efficient and super smooth.

Font Styles is the typography extension for Foundation Site styles that allows you to use high quality web fonts and control typography like never before.

Please read the instructions on the demo site to learn how to manage your web fonts.

Billboard has become a real favorite with users for its simplicity and flexibility.

Scale text to the width of its container. Scale multiple lines of text, like a billboard.

New in Stacks 3 - Use any tag you like for the text - h1, h2 etc as well as paragraph text.

The all new ButtonPlus 2 stack takes buttons to the next level.

Hover effects, a huge amount of custom styling and a built in menu system with ButtonPlus Dropdown child stacks.

ButtonPlus2 also fully integrates with the MenuLab menu stacks from BWD.

ScrollUp has now been superseded by Chroma.

Recreate those themes like Endeavour that change the menu bar from transparent to solid. Any menu, intact any stack can go inside ScrollUp.

ScrollUp can do more than colors though. It can animate its size on scroll and also directly control TopBar drop down colors when used with Foundation.

Pin has now been superseded by Chroma.

Pin can make sticky menus or any other stack you like. Pin can change its background color at it fixes and also control the text color of stacks inside it to ensure maximum legibility.

Pin also has all the animation functionality of SlideUp, intact the bar at the stop of all the pages on this site is made with pin and a 2 column Grummage stack.

Joey allows extra content to be used in Foundation TopBar.

Content can be scroll revealed or hidden or triggered by buttons or other launchers. You have to see the demo to realize the possibilities that Joey offers.

SlideUp has now been superseded by Chroma.

The original and best sliding and animated header stack.

Anything can go in SlideUp and it will gracefully animate off screen as you scroll down the page. Scroll back up a little though and it re-appears, right where you need it. It is seriously smooth and your page will not jump as it sticks.

Top Bar Surgeon.

The stack that started it all. TBSMenu is a subset of the full Surgeon stack but none the less very powerful.

TBS allows you to style both non fixed and fixed Topbars and animate between the two.

Add image buttons, resize and generaly slice and dice your TopBar until it looks how you want.

Please read the extensive manual before attempting to use this stack.

Clipper allows you to cut shapes out of images in your page using the power of CSS alone.

In fact you can clip anything to a shape, text menus or buttons. It really is best left for images though.

Most of these demo files are available to download in RW6 format from the product pages on this site.

Please use these files to learn how the stacks work.

The demo's deliberately demonstrate the extreme use cases of the stacks. They can and should generally be used in a more subtle way in the production environment.

BWD do not make plain demos to put the stack in a false light with lots of pretty graphics. These demos are technology demonstrators for the stacks.

(C) 2016 Big White Duck Stacks.