Skip to content

dkress59/wp-gutenberg-animate

Repository files navigation

Animate WP Blocks

Add animation controls to each and every Gutenberg Block! Runs on Animate.css v4. Check out the plugin on WordPress!

Description

Install the plugin and choose from a hundred animations for any of your Blocks. It's that easy!

Now also includes settings for scroll-conditioned animations.

Installation

You can simply install this plugin to your WordPress installation and you are ready to go!

  1. Install the plugin through the WordPress plugins admin screen, or upload the plugin files to the /wp-content/plugins/animate-wp-blocks directory.
  2. Activate the plugin through the 'Plugins' screen in WordPress

Frequently Asked Questions

Are there additional requirements to this Plugin? : No, this plugin ships packaged with Animate.css v4. You can use Animate.css anywhere on your WordPress site out-of-the-box, but the plugin loads an additional script for the Gutenberg Block integration.

Will this work anywhere on my WordPress site? : With this plugin you can take full advantage of Animate.css anywhere on your site. The Animation Controls are available everywhere, where the Gutenberg Block Editor is used (e.g. any page or post).

Which particular blocks will this work with? : Animations Controls are instantly available on any block upon plugin activation, including third-party and custom blocks! Check out details on how to limit animation controls to certain blocks in the source code on GitHub.

Screenshots

screenshot-1 The plugin provides any block with four new animation controls: Type, Repetitions, Duration and Delay.

screenshot-1 Animate.css comes with almost a hundred animation types!

screenshot-1 You can add animations to virtually any Gutenberg Block.

Changelog

2.0.2

Scroll Detection

  • Adds new scroll detection animation controls
  • Adds plugin settings page for explanations and global/default settings

2.0.1

Public Release

  • Uses WordPress NPM dependencies
  • Pre-packages dependencies on build

2.0.0

Animate.css v4

  • refactored fur public release
  • switch from Animate.css v3 to v4