The Worlds Most Powerful
WordPress Builder

If you Purchased & Registered a Slider Revolution License you can comfortably upgrade version 5.x to 6.0 from your WordPress Dashboard.

Why Activate Slider Revolution?

Activating Slider Revolution with your Personal Purchase Code will unlock all available Features.

Easy Live Updates
Personal License Key
200+ Template Library
1000+ Object Library
25+ Amazing Add-Ons
1on1 Ticket Support

*Regular License from $29. One License Key required per Domain.

Slider Revolution 6.0 NOW available!

30+ Pre-Built Layer Transitions

Example Usage:

Quick Tip

Skip to #32 above for the "No Animation" syntax.

Syntax Note

Click here to view a breakdown of the "data-frames" attribute.

The first animation Object in the “data-frames” attribute represents the “start” animation.  And the second is used for the “end”.

<!-- Text Layer with Fade-In Transition -->
<div class="tp-caption tp-resizeme largewhitebg"
 
    data-frames='[{"delay":0,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},
                  {"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
 
    data-x="right"
    data-y="center"
    data-hoffset="30"
    data-voffset="-30"
    data-width="['500']"
    data-height="['auto']"
 
>Caption Text</div><!-- END LAYER -->

Popular Solutions