Ani-Mate Gutenberg Animation Extension

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.

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

1.0.0

  • Initial launch of app to WP
  1. A view of the configuration panel

    A view of the configuration panel