For RapidWeaver

ADAPTIVE

COLUMNS

ADAPTIVE

COLUMNS

Adaptive Columns is a set of three RapidWeaver stacks designed to make layouts that adapt themselves to the space they’re given.

Learn More

Container‑aware breakpoints for pixel‑perfect flow.

Use the three included stacks to build responsive layouts that adapt to the actual space inside each section. Define up to three width ranges per stack so every area stays readable, balanced, and on-brand.

Container

Advanced Alignment

The included container stack is a flexible, alignment‑savvy wrapper that keeps content readable and on‑grid across widths. Define up to three configurations to tune max widths, alignment, spacing, and styles.

Sym Columns

Balanced Behavior

Create symmetrical columns with min/max widths so they grow and shrink gracefully. When they no longer fit, they wrap to the next row automatically. Use settings to avoid single orphan items and keep your rows looking tidy.

Asym Columns

Column Control

Design advanced, asymmetrical layouts with per-column control. Shrink, Grow, Hide/Show, and End row (wrap) per width range so priority content gets the space it deserves—without breaking the overall balance.

How It Works

Precision Without Complexity

Not every layout works at every width. With Adaptive Columns you decide what changes when space changes.

Feature

Configure up to 3 container‑aware layouts per stack

Feature

Define fixed pixel widths for precisely sized columns

Feature

Make content flexible with per-column min/max control

Feature

Design columns that only wrap when and how you want them to

How It Works

Intuitive Resizing & Reordering

Define layout settings for up to three horizontal ranges. The stack switches automatically as space grows or shrinks.

How It Works

Real-time Breakpoint Measurements

Use the built-in measurement tool to find out what widths look best and set your Breakpoints (and related width/alignment sliders) to match.

Feature

Perfect alignment, spacing, and visibility inside open spaces

Feature

Nest containers for complex, multi‑stage adaptation

Use the buttons below to preview how this page’s layout responds to different device widths and container sizes. Watch columns reflow, spacing tighten/relax, and alignments adjust.