Title: Animate Blocks
Author: liip
Published: <strong>March 21, 2019</strong>
Last modified: March 29, 2019

---

Search plugins

![](https://ps.w.org/animate-blocks/assets/banner-772x250.png?rev=2054508)

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://ps.w.org/animate-blocks/assets/icon.svg?rev=2054508)

# Animate Blocks

 By [liip](https://profiles.wordpress.org/liip/)

[Download](https://downloads.wordpress.org/plugin/animate-blocks.1.0.1.zip)

 * [Details](https://srd.wordpress.org/plugins/animate-blocks/#description)
 * [Reviews](https://srd.wordpress.org/plugins/animate-blocks/#reviews)
 *  [Installation](https://srd.wordpress.org/plugins/animate-blocks/#installation)
 * [Development](https://srd.wordpress.org/plugins/animate-blocks/#developers)

 [Support](https://wordpress.org/support/plugin/animate-blocks/)

## Description

Animate Gutenberg blocks when they scroll into view.

 * Works with all existing Gutenberg blocks
 * Choose from 27 different animations
 * Configure animation with custom delays, offsets and durations
 * Based on [AOS Animate On Scroll Library](http://michalsnik.github.io/aos/)

#### Requirements

 * WordPress >= 5.0
 * PHP >= 5.6

#### Further Information

 * Documentation: [https://github.com/liip/animate-blocks-wordpress-plugin/blob/master/README.md](https://github.com/liip/animate-blocks-wordpress-plugin/blob/master/README.md)
 * WordPress Plugin: [https://wordpress.org/plugins/animate-blocks/](https://wordpress.org/plugins/animate-blocks/)
 * GitHub Repository: [https://github.com/liip/animate-blocks-wordpress-plugin](https://github.com/liip/animate-blocks-wordpress-plugin)
 * Changelog: [https://github.com/liip/animate-blocks-wordpress-plugin/releases](https://github.com/liip/animate-blocks-wordpress-plugin/releases)
 * Issue tracker: [https://github.com/liip/animate-blocks-wordpress-plugin/issues](https://github.com/liip/animate-blocks-wordpress-plugin/issues)

## Screenshots

 * [[
 * Animate Blocks in Gutenberg editor

## Blocks

This plugin provides 1 block.

 *   Animate Block

## Installation

 1. Upload the `animate-blocks` directory into the `/wp-content/plugins/` directory
 2. Activate the plugin through the `Plugins` menu in WordPress
 3. Add `Animate Blocks` block around other block in Gutenberg editor

## FAQ

  How does it work?

Animate blocks is based on the `InnerBlocks` feature of Gutenberg. It wraps the 
blocks which should be animated. You can add as many blocks inside this wrapper 
block as you want.

  Have you found a bug or do you have a feature request?

Please create a new GitHub issue and let us know: [https://github.com/liip/animate-blocks-wordpress-plugin/issues](https://github.com/liip/animate-blocks-wordpress-plugin/issues)

## Reviews

![](https://secure.gravatar.com/avatar/b2630f1635f046600af04302e27abeafd14f91d0e121e157288d6189c02214cf?
s=60&d=retro&r=g)

### 󠀁[Very nice AOS integration – thank you](https://wordpress.org/support/topic/very-nice-aos-integration-thank-you/)󠁿

 [efrap](https://profiles.wordpress.org/efrap/) April 16, 2020

This plugin is quite good. Works fine with WP 5.4. Note that it is currently difficult
to select groups and this new animated block once created in 5.4 (margin problem).
Use up and down arrows to get to them until problem is resolved.

![](https://secure.gravatar.com/avatar/0c491e890a1e4db158269da91260fa0e14aea7987e9508f67048ebb6dc4acbf3?
s=60&d=retro&r=g)

### 󠀁[Perfect](https://wordpress.org/support/topic/perfect-6393/)󠁿

 [Unsal Korkmaz](https://profiles.wordpress.org/unsalkorkmaz/) September 13, 2019

Simple. Does the job. Thank you

 [ Read all 2 reviews ](https://wordpress.org/support/plugin/animate-blocks/reviews/)

## Contributors & Developers

“Animate Blocks” is open source software. The following people have contributed 
to this plugin.

Contributors

 *   [ liip ](https://profiles.wordpress.org/liip/)
 *   [ tschortsch ](https://profiles.wordpress.org/tschortsch/)

[Translate “Animate Blocks” into your language.](https://translate.wordpress.org/projects/wp-plugins/animate-blocks)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/animate-blocks/), check
out the [SVN repository](https://plugins.svn.wordpress.org/animate-blocks/), or 
subscribe to the [development log](https://plugins.trac.wordpress.org/log/animate-blocks/)
by [RSS](https://plugins.trac.wordpress.org/log/animate-blocks/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.0.1

 * [BUGFIX] Fix rendering of data-attributes when default options are changed.

#### 1.0.0

 * Initial release of this plugin

## Meta

 *  Version **1.0.1**
 *  Last updated **7 years ago**
 *  Active installations **500+**
 *  WordPress version ** 5.0 or higher **
 *  Tested up to **5.1.22**
 *  PHP version ** 5.6 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/animate-blocks/)
 * Tags
 * [animations](https://srd.wordpress.org/plugins/tags/animations/)[blocks](https://srd.wordpress.org/plugins/tags/blocks/)
   [gutenberg](https://srd.wordpress.org/plugins/tags/gutenberg/)
 *  [Advanced View](https://srd.wordpress.org/plugins/animate-blocks/advanced/)

## Ratings

 5 out of 5 stars.

 *  [  2 5-star reviews     ](https://wordpress.org/support/plugin/animate-blocks/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/animate-blocks/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/animate-blocks/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/animate-blocks/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/animate-blocks/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/animate-blocks/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/animate-blocks/reviews/)

## Contributors

 *   [ liip ](https://profiles.wordpress.org/liip/)
 *   [ tschortsch ](https://profiles.wordpress.org/tschortsch/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/animate-blocks/)

## Donate

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](https://liip.ch/)