Stacks Image 969

Jet Stack

Easily animate anything as it appears in the page view.


0 ratings

Instant download.
Requires: Stacks v3.5 or greater.
Version : 1.0.4
Released: 9/1/2016
Last Updated : 12/01/2018

Stack Info

Overview

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.

Settings

In this section, we have provided a comprehensive list of available settings, and a full description of what each of the settings does for the stack.

Stacks Image 1121
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.

Edit Mode

We pay great attention to how we approach the editing interface of every stack, to ensure intuitive ease of use.

Nothing but a drop zone for other stacks. Of course anything you place inside will be affected by the animation you create in this Jet stacks settings.

Stacks Image 1162
FAQ

Important information that is pertinent to this stack. Please read, as there may well be something here that is essential to the deployment of this stack.

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.

Live Demo

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

Stacks Image 683
Image 1
Stacks Image 692
Image 2
Stacks Image 701
Image 3
Stacks Image 710
Image 4

Live Demo

Use inside other stacks without clipping.

Column 1

Stacks Image 724
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 733
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 742
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.

Live Demo

Be creative without compromise.

Stacks Image 870

Experiment, Experiment, Experiment.!

Stacks Image 880
With 36 animation presets to choose from, you’ll never be stuck for inspiration. You choose the delay and animation length. We have shown a mere fraction of the presets here, and it would be impossible to demonstrate everything Jet is capable of, as that in the end is down to one thing… your creativity.!

Buy Now

We trust PayPal as our secure checkout provider.

Don't have a PayPal account? No worries. PayPal allows you to pay with your credit card if you do not have an account set-up.

Missing image

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