Stacks Image 331

LAYOUTS

A robust yet simple to set up column stack
The Layouts stack was designed to help RapidWeaver users create without all the required time, effort, & skill it usually takes to make advanced or complex layouts. This stack handles all of the minor spacing & adjustments automatically allowing you to set your layouts up quickly to move on to other important parts of the design process. Although it is simple to use, you can create complete websites using just this stack. This entire web page was built using an included blank theme with only the Layouts stack, images, and some built-in stacks.

LAYOUTS

by 1LD

FEATURES

24+ columns
Mixed column widths
Rearrangeable columns & rows
Complex layouts
One click modifications
Spacing control
Easy vertical alignment
Quick add text & headers
Custom responsive behavior
Full browser height support
Full content width support
Stacks Image 452

24+ COLUMNS

There are no restrictions to how many columns you can add. Each column also supports having its own sub columns.

build
assignment
credit_card
cached
dashboard
favorite
grade
hourglass_empty
horizontal_split
home
language
settings
tab
theaters
web
vpn_key
phone
mail
weekend
create
battery_full
sd_storage
insert_comment
cloud
camera
build
grade
mail
camera
dashboard

MIXED COLUMN WIDTHS

Change the width of each individual column to create unique layouts. Columns will automatically wrap into new rows as you add more.

Lorem

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris.

Lorem Ipsum

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.

Lorem Ipsum

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.

Lorem Ipsum

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.

Lorem Ipsum

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.

Lorem Ipsum

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.

REARRANGEABLE COLUMNS & ROWS

Swap or move entire rows & columns just by dragging them into place.

Stacks Image 2133

Lorem Ipsum

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.

Lorem Ipsum

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
Stacks Image 2240

COMPLEX LAYOUTS

Create complex layouts that can be difficult to make with other stacks. You can also make major adjustments on the fly with just a few clicks.

Lorem
Ipsum
Dolor
Sit
Amit

Lorem Ipsum

Lorem Ipsum

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
Lorem
Ipsum
Dolor
Sit
Amit

Lorem Ipsum

Lorem Ipsum

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.

ONE CLICK MODIFICATIONS

Setup has been streamlined to be as easy & quick as possible.

SPACING CONTROL

Spacing is set by default so no modifications are needed, however if you need to adjust the spacing you do have the option.

Category

Lorem Ipsum

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
Category

Lorem Ipsum

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
Category

Lorem Ipsum

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
Category

Lorem Ipsum

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.

EASY VERTICAL ALIGNMENT

Keep content clean & perfectly aligned automatically without adjusting padding, margin, or position.

Stacks Image 3081

Content Centered

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas.
Stacks Image 6567

Content Top

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas.
Stacks Image 6555

Content Bottom

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas.
Stacks Image 6543

Image Centered

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris.
Stacks Image 6655

Image Top

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris.
Stacks Image 6686

Image Bottom

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris.

QUICK ADD TEXT & HEADERS

Header & text stacks have been included as one click options to allow you to quickly set up your layout with filler content that you can edit later.

Lorem Ipsum

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.

Lorem Ipsum

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.

Lorem Ipsum

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.

CUSTOM RESPONSIVE BEHAVIOR

Layouts will automatically adjust your columns to make them responsive. If you need a different or custom layout for multiple browser widths you can set specifics for each one.

Lorem Ipsum

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.

Lorem Ipsum

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.

Lorem Ipsum

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.

FULL BROWSER HEIGHT SUPPORT

Adjust the height of each section to match the browser by percentage. Your content will fill the space automatically or you can customize the layout to fit your needs.

MORE EXAMPLES

Lorem Ipsum

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.

Lorem Ipsum

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.

phone

Lorem Ipsum

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae.
favorite

Lorem Ipsum

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper.
camera

Lorem Ipsum

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc.
Sit Amet

934.555.4324

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc.
Phone
934.555.6799
Email
support@domain.com
Platea Morbi
Dolor Lacus Nunc
Lacus
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc.
Copyright © 2099 Inc. All rights reserved. / Designed by YourCompany
Stacks Image 12640

LAYOUTS

Stacks Image 12027
Purchase includes an example project file & a special blank theme for creating complete web pages like this one.