OVERLAP CANVAS

A new tool for RapidWeaver Stacks for creating responsive overlapping layers of images, text, & content.

Stacks Image 920

6 Layers

Create & position up to six separate layers

Scaleable Content

Layers scale together keeping the same design for all devices

Custom Canvas Sizing

Set a fixed canvas width & aspect ratio

Easy Positioning

Position each layer anywhere, adjust z-index, & even rotation

Canvas

Overlapping Layer

Images, Text, Stacks

Position Anything

With the Overlap Canvas stack you can create unique designs like never before in your RapidWeaver projects. No graphic design skills needed! All stacks content can be added, positioned, rotated, & scaled within the stacks editor for an easy design process.

Layer animation created with the Assemble stack

Easy Setup

Editor Positioning

Start by defining a canvas size & aspect ratio. Then add up to 6 layers of stacks content. When you are ready to start editing, switch to layer positioning mode with the click of a button. Each layer can then be resized & positioned anywhere within & around the canvas.

Stacks Image 2727

Examples

Tesla Model 3

Performance

3.2s

Quickest acceleration—from zero to 60 mph in as little as 3.2 seconds

322 mi

Go anywhere with up to 322 mi of range on a single charge

AWD

Dual Motor All-Wheel Drive instantly controls traction and torque, in all weather conditions

Order Now
Go Anywhere
Stacks Image 1871

OVERLAP
CANVAS
LAYERS

Text layer animation created with the Assemble stack

Lorem Ipsum

Lorem Ipsum

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

Contact

location_on
2059 Fulton Ave
San Diego, CA
phone
+1 915-555-2952
Mon - Sun 24hrs
mail
staff@company.co
Stacks Image 1791

LOREM
DOLOR AMIT

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

Stacks Image 1789

LOREM
DOLOR AMIT

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

Stacks Image 1793

LOREM
DOLOR AMIT

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

Layer animation created with the Assemble stack

Stacks Image 1961
Stacks Image 1963
Stacks Image 1965
Stacks Image 1967
Stacks Image 1969

Trisha Adams

Developer


About

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

Contact

Jacob Smith

Team Lead


About

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

Contact

Chris Mack

Designer


About

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

Contact

Salmon
Sandwich

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.

Stacks Image 2045

I'm free Friday, where do you want to meet?

Great that's perfect!

We can meet at Selland's on H street, lunch there is amazing.

Sounds good to me, how's 12pm?

Layer animation created with the Assemble stack

EXAMPLE FILE INCLUDED

Purchase includes this preview page as a project file so you can see how every example was created. Also included is our powerful suite of Deluxe stacks used in the design of the page.

*The Assemble stack was used in some examples for an in-view animation effect, this stack is not included.

Purchase - 19.99
Stacks Image 2832

Contact

Have questions about the stack or need some help? Feel free to contact us at the link below. Most inquiries are replied to within 1-2 working days.

mail

Newsletter

Join our newsletter to get notified when we have discounts, updates, and new releases!