Get it now view the docs
Making your websites more
engaging
AWESOME
Professional, High-Performance Animations
Without writing a single line of code
Build an experience, not just an interface

AnimateWP is the first Wordpress Plugin which gives you the ability to add amazing Greensock animations easily without any programming skills.

Every single animation is based on Greensock - the ultra high-performance, professional-grade HTML5 animation framework for the modern web. Learn more about Greensock here.

  • animate and control any element property
  • chain and combine animations easily
  • play, pause, repeat
  • yoyo
  • stagger
Animate ANYTHING
Hello there
Control EVERYTHING

Unlike css animations - sequencing is a breeze

span:nth-child(5) {
-webkit-transition: all 0.1s ease 0.4s;
-moz-transition: all 0.1s ease 0.4s;
-o-transition: all 0.1s ease 0.4s;
-ms-transition: all 0.1s ease 0.4s;
transition: all 0.1s ease 0.4s;
}

span:nth-child(4) {
-webkit-transition: all 0.1s ease 0.3s;
-moz-transition: all 0.1s ease 0.3s;
-o-transition: all 0.1s ease 0.3s;
-ms-transition: all 0.1s ease 0.3s;
transition: all 0.1s ease 0.3s;
}

span:nth-child(3) {
-webkit-transition: all 0.1s ease 0.2s;
-moz-transition: all 0.1s ease 0.2s;
-o-transition: all 0.1s ease 0.2s;
-ms-transition: all 0.1s ease 0.2s;
transition: all 0.1s ease 0.2s;
}

span:nth-child(2) {
-webkit-transition: all 0.1s ease 0.1s;
-moz-transition: all 0.1s ease 0.1s;
-o-transition: all 0.1s ease 0.1s;
-ms-transition: all 0.1s ease 0.1s;
transition: all 0.1s ease 0.1s;
}

span:nth-child(1) {
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
-ms-transition: all 0.1s ease;
transition: all 0.1s ease;
}

div:hover span {
opacity: 1;
left: 50px;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}

div:hover span:nth-child(2) {
left: 120px;
}

div:hover span:nth-child(3) {
left: 175px;
}

div:hover span:nth-child(4) {
left: 230px;
}

div:hover span:nth-child(5) {
left: 280px;
}

AnimateWP Backend

Based on the most robust animation library on the planet

Total control

Play, pause and restart your timelines on the fly. Control the progress of your animations based on the browser scrollbar, if you want to.

Efficient and crazy fast

AnimateWP, which is based on the Greensock Animation Platform (GSAP), is up to 20x faster than jQuery. It's even faster than CSS3 animations in most cases.

Reliable

No more Browser compatibility issues, no more vendor prefixes. CSS3 animations don't work with IE9, they do with AnimateWP.

Flexible

Various easing methods, alljust one click away. Every adjustment done in a few seconds with AnimateWP's clear interface.

Animate anything

Colors, complex values like boxShadow and almost any other css property. Animate a single object or multiple at once.

Easy to use

Just define a selector via class or id and you are ready to go. No coding knowledge required.

Well documented

Our documentation ensures that you can get the best out of your animations in no time at all.

Fast support

We answer your questions and are updating the plugin constantly.

Let the screen be your playground

Now available on Codecanyon
Get it now
Imprint