{"id":5,"date":"2026-07-14T04:54:41","date_gmt":"2026-07-14T04:54:41","guid":{"rendered":"https:\/\/ska-blocks.com\/animations-for-blocks\/?page_id=5"},"modified":"2026-08-17T07:19:45","modified_gmt":"2026-08-17T07:19:45","slug":"home","status":"publish","type":"page","link":"https:\/\/ska-blocks.com\/animations-for-blocks\/","title":{"rendered":"Home"},"content":{"rendered":"\n
\n
\n

Animations for Blocks<\/h1>\n\n\n\n

Free no-bloat animation plugin for WordPress blocks.<\/p>\n\n\n\n

\n\nExplore animations<\/span>\n\n\n\n<\/path><\/svg>\n<\/a>\n\n\n\n\nPro<\/span>\n\n\n\n<\/path><\/svg>\n<\/a>\n<\/div>\n\n\n\n
\n\n\t<\/path>\n<\/svg><\/a>\n\n\n\n\n\t<\/path>\n<\/svg><\/a>\n\n\n\n\n\t<\/path>\n<\/svg><\/a>\n\n\n\n\n\t<\/path>\n<\/svg><\/a>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n
\n
\n
\n
\n
\n

Average rating<\/p>\n\n\n\n

\n4.8\/5<\/em><\/span>\n\n\n\n\n<\/path><\/svg>\n\n\n\n27+ reviews<\/span>\n<\/a>\n<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\n

Active installations<\/p>\n\n\n\n

10,000+<\/p>\n<\/div>\n\n\n\n

\n

WordPress version<\/p>\n\n\n\n

6.6 – 7.1<\/p>\n<\/div>\n\n\n\n

\n

PHP version<\/p>\n\n\n\n

8.1+<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n

\n
\n<\/a>\n\n\n\n
\n

Add animations with a click of a button<\/h2>\n\n\n\n

Animations for Blocks plugin adds a seamless easy to use interface to the Block Editor for configuring animations. When you change a setting the result can be instantly previewed in the editor.<\/p>\n\n\n\nLive preview in WordPress Playground<\/a>\n<\/div>\n<\/div>\n\n\n\n

\n
\n

CSS animations powered by Animate On Scroll library<\/h2>\n\n\n\n

This plugin is a simple lightweight wrapper for the extremely popular (28k+<\/strong> stars on GitHub<\/a>) Animate on scroll library<\/a> by @michalsnik<\/a>.<\/p>\n\n\n\n

UI controls are provided for easily managing the various settings: duration, delay, offset, easing and more.<\/p>\n\n\n\nView plugin on WordPress.org<\/a>\n<\/div>\n\n\n\n

AOS under the hood<\/span>HTML<\/span><\/header>
<div\n\tdata-aos=\"fade-up\"\n\tdata-aos-offset=\"200\"\n\tdata-aos-delay=\"50\"\n\tdata-aos-duration=\"1000\"\n\tdata-aos-easing=\"ease-in-out\"\n\tdata-aos-mirror=\"true\"\n\tdata-aos-once=\"false\"\n\tdata-aos-anchor-placement=\"top-center\"\n>\n<\/div><\/code><\/pre><\/div><\/div>\n<\/div>\n<\/section>\n\n\n\n
\n
<\/div>\n\n\n\n
\n
<\/div>\n<\/div>\n\n\n\n
\n
\n
\n
Animations for Blocks Pro<\/h2>\n\n\n\n
\n
Premium version of the plugin (in the works) is a drop-in replacement, swapping AOS with a modern industry standard – Motion<\/strong>.<\/p>\n\n\n\n
This opens the door for more possibilities – distance control, spring transitions, parallax effects, text animations, view transitions and more.<\/p>\n<\/div>\n\n\n\n
\n