Assemble RapidWeaver Stack by 1LD

About

Assemble RapidWeaver Stack

Assemble is a quick and easy to use stack to add animations to any element on a Stacks page. These animations activate only when they have come into view and Assemble will automatically grab the right parts to create a unique segmented effect.

Animate anything

Add effects to entire sections, articles, headers, and footers or to smaller elements like cards, columns, images, and text. You can also disable the segmented effect for a more traditional in view animation.

Quick setup

Setup is a breeze, just add your desired elements to the "Drop stacks here" section and select an animation. Further customize it by adjusting the speed and stagger between segments.

Change it up

3rd party stacks animate automatically or specify your own segments by element type. Any HTML element is supported with an additional option to target segments by a custom class.

Update 1.5.0

Improved performance!

Faster Activation

Animations no longer wait for the page to finish loading, greatly increasing activation speed.

New Animations

This update adds 4 new 3D animation types. These new options use depth to create a unique effect.

Lighter Code

All of the code has been consolidated into a single file. Add as many stacks as you need without impacting load speed.

Examples

Click the button in the bottom right corner of the window to reset the animations.

2 Bedroom Home

Beautiful 2 bedroom home located just on the outskirts of town for a great price!

Single Bedroom

Check out this stunning single bedroom located just off the beach!

Elegant Loft

We are renting out an elegant looking loft with a big window

4 Bedroom Home

Looking for your dream home? Well you may have just found it!

Small Pad for 2

Need a place to stay for the weekend? Check out this small pad~

Jessica Brown

Consultant

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

LOREM

Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.

IPSUM

More Info

1 / 3

Smaller Slide Example

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Molestias ratione reiciendis neque quae ea earum laboriosam eligendi harum. Odio officia nemo nulla sunt hic aspernatur cumque sed necessitatibus tempora amet.
Smaller Slide Example

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Molestias ratione reiciendis neque quae ea earum laboriosam eligendi harum. Odio officia nemo nulla sunt hic aspernatur cumque sed necessitatibus tempora amet.
Smaller Slide Example

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Molestias ratione reiciendis neque quae ea earum laboriosam eligendi harum. Odio officia nemo nulla sunt hic aspernatur cumque sed necessitatibus tempora amet.
Smaller Slide Example

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Molestias ratione reiciendis neque quae ea earum laboriosam eligendi harum. Odio officia nemo nulla sunt hic aspernatur cumque sed necessitatibus tempora amet.
Smaller Slide Example

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Molestias ratione reiciendis neque quae ea earum laboriosam eligendi harum. Odio officia nemo nulla sunt hic aspernatur cumque sed necessitatibus tempora amet.

Lorem Ipusm

Integer lacinia sollicitudin massa. Cras metus. Sed aliquet risus a tortor. Integer id quam. Morbi mi. Quisque nisl felis, venenatis tristique, dignissim in, ultrices sit amet, augue. Proin sodales libero eget ante. Nulla quam. Aenean laoreet. Vestibulum nisi lectus, commodo ac, facilisis ac, ultricies eu, pede.