AURA STACK
RW 7/8/Classic & Stacks 3/4

changelog


Cart
Stacks Image 113824
Aura allows you to add an animated Shape Effect to your column.
Stacks Image 113814

Version: 1.0.0 - RW 7/8/Classic & Stacks 3/4
Browser: Chrome, Safari, Opera, Brave, Firefox*, Edge.

VECTOR SHAPE WITH PARALLAX
You can customize various aspects of the animation and edit it according to your needs. This Stack allows you to create interactive pages with elegant animations, therefore helping you to improve the user experience. Purchase includes a demonstration project file to show you how every example on this demo was created.
 Drop Images Here 

Stacks Image 113847
Stacks Image 113849
Stacks Image 113851
Stacks Image 113853
Stacks Image 113855
Stacks Image 113857
Stacks Image 113859
Stacks Image 113861
Stacks Image 113863
Stacks Image 113865
Stacks Image 113867
Stacks Image 113869
Stacks Image 113871
Stacks Image 113873
Enter the name for this tabbed section:

STACK INFO

Responsive

This stack is completely reactive, you can set selectively the breakpoint, From Wide screen to a smartphone.

Dashboard

A dashboard is available in Edit Mode with basic settings, the settings changes are reflected in the UI. You Can show/hide the preview for BG images.

Animations

This stack allows you to set more than one effect at the same time. Scroll and Blending effects can be combined in different ways.

Simulator in Preview

The simulator is visible only in preview. It helps you with text adjustment, the breakpoints checking and Viewport triggers.

Hype BlendModes

This Stack include "Hype BlendModes" by MaxZieb; this extension offer support for blending images.

Hype Pro

The HypePro based Stacks is the next generation of packages with original contents for RapidWeaver. All animations are designed exclusively for Stacks.
Enter the name for this tabbed section: GENERAL SETTING

Aura Stack Options

Template setting
 
Stacks Image 113681
Edit Mode Tools
- Hide/Show panel
- Hide/Show the BG preview
- Hide Stack Preview
Responsive setting
     
Stacks Image 113691
Background Overlay
+
Stacks Image 113841
Slice: Text Colours & BG
 
Stacks Image 113755
Stacks Image 113831
Blending Filters
& =
Blend modes need two layers to work their magic!
Stacks Image 113736
Background Image
    +     +  
Add BG to the stack.
- Drag image from resources panel or disk
- Load image from URL
Stacks Image 113718
Vector Shapes
 
Stacks Image 113763
Enter the name for this tabbed section: EDIT MODE

Edit Mode

Stacks Image 112501
Stacks Image 112859
A dashboard is available to ensure ease of use. The settings changes are reflected in the edit mode UI.
Options: Show/hide images, You can also minimize the panel to save space in edit mode.
Enter the name for this tabbed section: PREVIEW

Smart Preview

Stacks Image 112450

The simulator is visible only in preview. It helps you with text adjustment, the breakpoints checking and more.

Enter the name for this tabbed section: FAQ

Smooth Animation

How to increase performances?

Choose the best combination between filters, filling method and animation.
You should try the animation in more than one browser, the stack deliver "cross platform web fonts" and the result is quite identical in all browsers.

The features requiring more resources are:
- CSS filters over the BG like Blur (or you can use 2 images)
- Further css filters applied to the stack with nested stack.

Compatibility

Can I use this Stack within other stacks?

Yes, you need to check that the animations are loaded on the main page; Stacks with lightbox or modal windows are not compatible.

Load images

How to load a Stacks4 "site image" in this stack?


- Publish the project ( to upload all "site images").
- In RW copy the URL from the Thumbnail in Resources panel.
- In the Stack Paste the image path into the URL field.
Stacks Image 111907

RW: Resources panel / site image

Stacks Image 111914

Stack: external "URL image"