Stacks Image 1404

Jet

Easily animate anything as it appears into view.
Instant Download
Requires Rapidweaver & Stacks Plugin v3.5 +

34 possible animation styles.

Choose from one of the 36 built in animation styles that may be applied to any stack as it comes into your visitors view.

No cropping of animations inside layout stacks.

Breakout of the bounds of the stacks you place Jet stacks inside. This is the only animation stack we know of that allows you to see the full animation without clipping inside other layout stacks like responsive columns.

Set timings.

Part of the beauty of the Jet stack is the ability to delay the animation from it’s normal trigger point, allowing you to have full control over when each of your animations fires.

Demo

Live demos of the stack in action.

Stacks Image 1429
Demo 1

Animate elements with delays to great effect. Each of the elements below have been animated in using a consecutively offset time delay.

Stacks Image 1618
Image 1
Stacks Image 1658
Image 2
Stacks Image 1660
Image 3
Stacks Image 1662
Image 4
Demo 2

Use inside other stacks without clipping.

Column 1
Stacks Image 1673
We know of no other stack that will not clip off the animations outside of the container they are used, when used in other responsive layout stacks.
Column 2
Stacks Image 1683
We know of no other stack that will not clip off the animations outside of the container they are used, when used in other responsive layout stacks.
Column 3
Stacks Image 1692
We know of no other stack that will not clip off the animations outside of the container they are used, when used in other responsive layout stacks.

Control

A comprehensive list of all available controls.

Stacks Image 1460
Animation type

Choose from one of 36 different animation types here :

  • Fade in.
  • Soft landing from top.
  • Soft landing from right.
  • Soft landing from bottom.
  • Soft landing from left.
  • Slide in from top.
  • Slide in from right.
  • Slide in from bottom.
  • Slide in from left.
  • Bounce in.
  • Bounce in from top.
  • Bounce in from right.
  • Bounce in from bottom.
  • Bounce in from left.
  • Blur in.
  • Puff in.
  • Zoom in.
  • Zoom in from top.

  • Zoom in from right.
  • Zoom in from bottom.
  • Zoom in from left.
  • Coin flip.
  • Flip up.
  • Flip across.
  • Rotate.
  • Hinge left down.
  • Hinge left up.
  • Hinge right down.
  • Hinge right up.
  • Tada.
  • Flash.
  • Pulse.
  • Shake.
  • Wobble.
  • Lightspeed.
  • Swing.

Animation sped

Choose the speed of your animation. The length from start to end.

Animation delay

You can delay the animation from it usual trigger point by any number of milliseconds here.

Image

Quick Fact : 1000 milliseconds = 1 second.

FAQ

Installation and info.

Stacks Image 1538
Browser support

This stack is supported in all modern browsers. Any exception to this rule will be listed below.

Safari

Chrome

Firefox

Explorer

Known compatibility issues

There are no known compatibility issues with this stack.

Stack installation

Download.

After purchase, you will be sent an email containing a download link for the stack.
Download the zip file from the link, and unzip it to reveal the stack inside.
You should now see the stack as a logo style icon.

Normal installation.

Double click the un-zipped stack file (the one that looks like a piece of lego).
This will launch Rapidweaver if it was not already running, to automatically install the stack.
Rapidweaver handles the install process from here. Guiding you through a couple of simple clicks to complete the installation.
Re-start Rapidweaver to ensure the installation is complete.
You will now see the new stack in the Stacks plugin library.

Installation where more than one version of Rapidweaver is installed.

Sometimes if there is more than one version of Rapidweaver installed on your system, the double click method launches the wrong version of Rapidweaver to install the stack. To ensure the it is installed into the version you want to install to, you can, instead of double clicking the stack, just drag and drop it onto the appropriate Rapidweaver app icon in your dock at the bottom of your screen.

This will launch Rapidweaver if it was not already running, to automatically install the stack.
Rapidweaver handles the install process from here. Guiding you through a couple of simple clicks to complete the installation.
Re-start Rapidweaver to ensure the installation is complete.
You will now see the new stack in the Stacks plugin library.

© 2018 Doobox Software. Building premium Software Mac, C4D, & RapidWeaver™