Ani-Mate Gutenberg Animation Extension

August 15, 2023

Ani-Mate Gutenberg Animation Extension Plugin

A simple plugin that ads animation on scroll (AOS) to Gutenberg blocks.

After years of doing the manual work, I’ve come up with a plugin that I have been re-using in my own web projects for some time now.

This plugin takes great work by @michalsnik with his Animate on Scroll Library (AOS) and adds it to the most common Gutenberg blocks.

This is a open library with simple fields so that you can adjust the animations to every possible option. Animation controls are added to:

  • group
  • columns
  • cover
  • image
  • media-text
  • gallery
  • embed
  • paragraph
  • heading

Don’t see the block you need or programmed a custom block? Just put it inside a group to give you full animation control.

Screenshots

  1. A view of the configuration panel

    A view of the configuration panel

FAQ

What blocks does it work with

  • group
  • columns
  • cover
  • image
  • media-text
  • gallery
  • embed
  • paragraph
  • heading

Don’t see the block you need or programmed a custom block? Just put it inside a group to give you full animation control.

What animation features can you control?

  • style
  • duration
  • easing
  • delay
  • offset
  • anchor (that triggers the animation)
  • anchor placement
  • once – single execution
  • mirror – animate out when scrolling past

Changelog

1.0.1

  • Fix variable name
  • Tested for WP 6.3

1.0.0

  • Initial launch of app to WP

Details

  • Version: 1.0.1
  • Active installations: 90
  • WordPress Version: 5.0
  • Tested up to: 6.3.5
  • PHP Version: 7.0

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars