#1 Best Animation Builder
Scroll Magic For WordPress

Animate any element when you scroll and make your websites come alive with our Feature-Rich Powerful Animation Builder !

Scale

Opacity

Rotate

Skew

Color

Border

Move
Horizontal

Move
Vertical

and more....

Create Animation Scenes in WordPress in three basic steps

01

Configure scene options

Change basic scene settings like duration, offset, scene trigger, animation ease, ease duration, stickiness, tablet/mobile animation, svg options and before, after css options

02

Save the scene to publish

After adding the options and just click save on top right to publish the scene.

03

Apply to page contents

There are various ways to apply the scene to page contents. Click Get Shortcode/Class on top right and Copy the class or shortcode or html wrapper provided to apply to any element you want. 

With Scroll Animation Builder you can create responsive Animation Scenes

Animation Builder works perfect with many devices and browsers, just create your scene and use responsive options to change the values for tablet and mobile separately. You can even disable animations for tablet and mobile devices and set layout breakpoint for tablet and desktop devices.

CSS Animations

move (x, y), zoom (x, y), rotate (x,y,z), skew (x, y), opacity, text color, background color, padding, border, border radius, position, top, bottom, left, right, z-index, width, height, display

 

Every animatable css properties are included to animate on scroll


Sticky Animations

Make an element sticky on screen for a particular duration

 

Watch this apple become sticky on screen while scrolling, which gives feel like apple falling to Newtons hand

Parallax Animations

Effortless add parallax Effects to your website and bring back more customers !

SVG Animations

Just Install SafeSVG plugin to support svg in WordPress and use svg like other Images to Animate svg elements

And so many more amazing things included in a single plugin

Live Preview Builder

Program your animation through live builder and apply for any elements

Responsive

Control Options for Tablet & Mobile Devices, You can even disable animation for any device if you want too!

Draw SVG

Upload your svg elements and draw while scrolling, change colors, widths and more..

Shortcodes

Many ways to add animation like via shortcode, shortcode tinymce button, class, etc.

Multi Direction

Animate both vertical and horizontal direction for any elements

Browser Compatibility

Compatible across most of the browsers and also devices

Demos

Scroll Magic For WordPress

Ready to get started with Scroll Magic ? Its powerful & easy to setup !​