Stacks for Rapidweaver & Stacks Pro

AndersonUX stacks are built for RapidWeaver, the Stacks plugin, and the upcoming Stacks 6 (Stacks Pro) — a new breed designed around one conviction: your framework should get out of your way.

COVER UP

Full-Screen Page Intro Overlay

Make a strong first impression before your page loads. Cover Up fills the screen with whatever you put inside it — a welcome message, an atmospheric image. or a video. Dismiss it by timer, button click, or class trigger, to reveal your web page.

CUT SCENE

Video with Auto Navigation

Guide visitors seamlessly from one page to the next with a full-screen video transition. Drop in a video link and set your destination — Cut Scene navigates automatically when the video ends. Perfect for seamless transitions in high fidelity customer experiences.

CLASS ACTION

Class Toggle with Custom States

Class Action turns any image or text into a toggle button that changes its own state and fires a custom CSS class simultaneously. Control any stack that responds to custom classes to control audio or video, swap content or trigger animations.

SWITCHEROO

Class-Triggered Content Switcher

Manage content on your page smoothly and seamlessly. Add as many SwitchPanel child stacks as you need, then fire them from buttons, links, or any class-capable stack on your page. Build product showcases, stepped instructions, or anything that demands creative and innovative content switching workflows.

AUDIO TRIGGER

Invisible Class-Triggered Audio

Add sound to any interaction on your page. Wire Audio Trigger to a button, a page event, or any class-capable stack, and it plays, pauses, or restarts your audio file on cue. The audio behaves like part of the experience — ideal for games, interactive storytelling, or anywhere sound is an integral part of the user experience.

UP DOWN

Simple Accordion Toggle with Class Controls

Use any stack to show or hide content anywhere on the page. Have it slide down like an accordion, or fade in for a touch of class. The trigger and the panel live independently, so your layout stays exactly as designed: the trigger can be anything, anywhere, styled however you like.

BACKDROP

Video Background with Class Controls

Create immersive video hero sections that grab attention the moment your page loads. Link to a video file, add your content, and take full control over the size and position of the video and your overlay content. A fallback image keeps things polished when video isn't available. Mute, Loop and Autoplay options as Play, Pause, and Stop class triggers give you total playback control.

MOVING PICTURES

Animated Background Images

Moving Pictures animates a background image, giving your content immersive, cinematic appeal. Pick your image, set zoom, pan and duration, and add any stack you want inside. Great for hero headers or even entire web pages.

BOXED IN

Aspect-Ratio Constrained Container

No scrolling, no distortion, no cut off content. Boxed-in makes sure that your content fills the screen at the intended aspect ratio, while filling either the height or the width. Create a kiosk webpage that works on any display without compromising the quality of your content.

Open Sesame

Password Gated Content

Require a password from a user before displaying hidden content. Allow multiple passwords for the same content, and display any stacks-based content for correct and incorrect answers. Great for low-security password interactions for games, hidden discount buttons and other fun page interactions.

Framed

Aspect Ratio Contained Iframe Container

Just like its big brother, Boxed In, Framed takes your imported content and makes it fit. Enter the dimensions and url of the page to be imported, and it will display perfectly preserved at any display aspect ratio, without scrolling, distortion or cut off content.

Page Turner

Simple Flip Annimated Cards and Booklets

Create book and card simulations by popping your images into Page Turner. Unlimited pages, adjustable animation timing and responsive sizing give you flexibility and consistency for your books and cards.

ALL STACKS BUNDLE

Get all 12 and save!

Craft your perfect website with the entire set of AndersonUX stacks for Stacks and Rapidweaver.

What Makes Our Stacks Special?

Play Well With Others

Written in standard CSS and vanilla JS, AndersonUX stacks introduce no bloat and impose no constraints. They work equally well with Foundation 6 or any other framework, and nest inside other stacks without conflict. Clean in, clean out.

One Stack, One Job

Each stack solves exactly one problem. No redundant design elements, no style collisions with your custom classes or swatches, no mysterious breakage to hunt down. Focused tools are easier to use, easier to troubleshoot, and easier to trust.

Built for the Stacks Ecosystem

Your containers, text stacks, and image stacks already have their own styles. AndersonUX drop zones respect that. They work with your framework's system, not against it — so your design decisions stay yours.

Controlled From Anywhere

Every AndersonUX stack accepts custom CSS classes, making them controllable from any stack that exposes a class field. Trigger audio on a photo click. Swap content from a text stack. The trigger and the target don't need to know each other — just share a class name and get out of the way.