10 Best Free Plugins for Adding Animation Effects to WordPress


Special effects such as smooth scrolling, page transitions or CSS animations can add some welcome personality to your WordPress website. Use them to call attention to important information, enhance UX and take your designs up a notch.

Here are some free WordPress plugins you can use to add a variety of effects to your site:

The Top Free Animation WordPress Plugins

Blocks Animation – CSS Animations for Gutenberg Blocks

If you’re looking for an easy way to draw attention to an element of your page, Blocks Animation is worth a look. It works natively with the Gutenberg block editor, allowing you to add animation to any block via a settings panel. Choose your desired animation style, delay, and speed.

Blocks Animation: CSS Animations for Gutenberg Blocks

Animator – Scroll Triggered Animations in WordPress

Scroll-triggered animations are very popular these days but can be tricky to set up. Animator provides a slick GUI that takes the pain out of the process. The plugin features a selection of ready-to-use animations, but you may also create your own. Pick an animation, set the scroll position, and you’re good to go.

Animator – Scroll Triggered Animations

Image Hover Effects Ultimate for WordPress

Image Hover Effects Ultimate includes several handy and compelling animations for your images. The image comparison effect, for example, allows visitors to compare “before” and “after” versions of an image. Also included are hover animations for buttons, flip boxes, captions, and more.

Image Hover Effects Ultimate

Greenshift – WordPress Animation & Page Builder Blocks

Greenshift is built with an eye toward performance. Rather than use large frameworks to power animation, elements are generated on-the-fly. The plugin also utilizes CSS3 and SVG, allowing for flexibility without hurting your site’s load time.

Greenshift – animation and page builder blocks

Animate It! WordPress Plugin

Adding CSS3 animations to your site is easy with Animate It!. The plugin combines the Animate.css and Animo.js libraries in one package containing over 50 animations. Animations can be applied on user events like scroll, hover and click.

Animate It!

Page Animations & Transitions WordPress Plugin

Page Animations and Transitions offer a selection of nine different “in” and “out” page transitions. You can also set duration times for transitions.

Page Animations and Transitions

Easy Textillate WordPress Plugin

Add animations to any text on your site with Easy Textillate. The plugin includes the textillate.js, animate.css and lettering.js libraries to provide all sorts of excellent effects for your typography. Generate Shortcodes with the animation styles you want, place them into your content and watch them go!

Easy Textillate

Ultimate Hover Effects WordPress Plugin

Use Ultimate Hover Effects to add some life to your image captions. Select an image from the WordPress Media Library and set up the hover effects you want to use. Then it’s just a matter of embedding it into a post or page. A Shortcode generator is also included.

Ultimate Hover Effects

Page scroll to id WordPress Plugin

Page scroll to id adds smooth-scrolling effects to in-page navigation using CSS ID elements. You can set the scroll duration and easing – with over 30 easing types to choose from. Both vertical and horizontal scrolling is supported and offsets can be configured for individual links.

Page scroll to id

CSS3 Rotating Words WordPress Plugin

CSS3 Rotating Words is a handy plugin with a simple function: Rotating a word or words in a sentence using animation. For example, you might have a sentence where you want to change one word:

  • WordPress is Fun
  • WordPress is Awesome

Choose from five animation styles and also set the font color and size.

CSS3 Rotating Words

Make Your Site Special

The right mix of special effects can bring elements of both fun and utility to your WordPress website. Of course, it’s best to pick and choose carefully when deciding what to use.

A good rule of thumb is to always keep the best interests of users in mind. If a feature increases usability or makes your site more enjoyable to use, then it might be worth your while.

Frequently Asked Questions (FAQ)

  • What Are Animation Effect WordPress Plugins?
    They are plugins that let you add cool animations to your website. You can make elements like images, text, and buttons move and interact in eye-catching ways.
  • Do I Need to Know Coding to Use These Plugins?
    Not at all. Most of these plugins are designed for ease of use, so even if you’re not a tech whiz, you can still create great animations.
  • Will Adding Animations Slow Down My Website?
    It can, if you go overboard. But many plugins are optimized to keep your site running smoothly, even with animations.
  • Can I Control When and How Animations Appear?
    Yes, most plugins let you decide things like when an animation starts and how it plays out.
  • Are These Animations Mobile-Friendly?
    Many plugins ensure that your animations look good not just on desktops, but on tablets and phones too.
  • Can I Add Animations to Any Part of My Website?
    Absolutely! Headers, footers, sidebars – you name it, there’s probably a way to animate it.
  • What If I Want to Remove or Change an Animation Later?
    These plugins usually make it easy to tweak or remove animations whenever you like.
  • Are Animated Effects Good for My Site’s SEO?
    As long as you don’t overdo it and keep your site’s loading speed in check, animations shouldn’t negatively impact your SEO.

This page may contain affiliate links. At no extra cost to you, we may earn a commission from any purchase via the links on our site. You can read our Disclosure Policy at any time.