10 Free Plugins to Add Animation Effects to WordPress

Special effects like fine scrolling, page transitions or CSS animations can add some welcome personalities to your WordPress website. Use them to highlight important information, improve UX and elevate your designs.

Here are some free WordPress plugins you can use to add various effects to your site:

If you are looking for an easy way to highlight a feature 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.

Scroll-inspired animations are very popular these days but they are difficult to fix. Provides a slick GUI animator that takes the pain out of the process. The plugin has a ready-to-use animation option, but you can also create your own animations. Choose an animation, set the scrollbar location, and you’re good to go.

Animator - Scroll Inspired Animation

Image Hover Effects Ultimate includes some handy and powerful animations for your images. An image comparison effect, for example, allows visitors to compare “before” and “after” versions of an image. Also includes hover animation for buttons, flip boxes, subtitles and much more.

Ultimate Image hover effects

Greenshift is built with an eye towards performance. Instead of using large frameworks to power animation, features are generated on the fly. The plugin also uses CSS3 and SVG, allowing for timeless flexibility to hurt your site ‘s load.

Greenshift - animation and page builder blocks

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 more than 50 animations. Animation can be applied to user events such as scroll, hover and click.

Animate it!

Page Animation and Transitions offers a choice of nine “in” and “out” page transitions. You can also set duration times for transfers.

Animation and Page Transitions

Add animation to any text on your site with Easy Textillate. The plugin includes the textillate.js, animate.css and lettering.js libraries to provide all kinds of excellent effects for your typography. Generate Shortcodes with the animation styles you need, add them to your content and watch them disappear!

Easy textillate

Use Ultimate Hover Effects to add some life to your image captions. Select an image from WordPress Media Library and set the hover effects you want to use. Then all you have to do is embed it in a post or page. A Shortcode generator is also included.

Hover Ultimate Effects

Scrolling adds page recognition to fine-scrolling effects to navigate within pages using CSS ID elements. You can set scroll length and ease – with over 30 types of facilitation to choose from. Both vertical and horizontal scrolling are supported and offsets can be configured for individual connections.

Scroll page to the ID

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

  • WordPress is Craic
  • WordPress is Great

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

CSS3 Rotating Words

Make Your Site Special

The right combination of special effects can bring fun and utility features to your WordPress website. Of course, it is best to pick and choose carefully when deciding what to use.

The good rule of thumb is to always keep the interests of the users in mind. If a feature increases usability or makes your site more pleasant to use, it may be worth your time.

Source link

By LocalBizWebsiteDesign

Leave a Reply

Your email address will not be published. Required fields are marked *