{"id":262763,"date":"2025-12-12T19:08:28","date_gmt":"2025-12-12T19:08:28","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/animate-gut-blocks\/"},"modified":"2026-03-05T15:06:53","modified_gmt":"2026-03-05T15:06:53","slug":"simple-block-animations","status":"publish","type":"plugin","link":"https:\/\/pcd.wordpress.org\/plugins\/simple-block-animations\/","author":20913861,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"2.0.7","stable_tag":"2.0.7","tested":"6.9.4","requires":"5.8","requires_php":"7.4","requires_plugins":null,"header_name":"Simple block animations","header_author":"Valentin Grenier","header_description":"Easily add animations to your Gutenberg blocks without coding.","assets_banners_color":"","last_updated":"2026-03-05 15:06:53","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/github.com\/valentin-grenier\/simple-animations-for-gutenberg","header_author_uri":"https:\/\/www.linkedin.com\/in\/valentin-grenier\/","rating":5,"author_block_rating":0,"active_installs":0,"downloads":321,"num_ratings":1,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.1":{"tag":"1.0.1","author":"valentingrenier","date":"2026-01-27 09:00:35"},"1.1.0":{"tag":"1.1.0","author":"valentingrenier","date":"2026-01-27 09:13:36"},"1.1.2":{"tag":"1.1.2","author":"valentingrenier","date":"2026-01-27 09:29:19"},"1.2.0":{"tag":"1.2.0","author":"valentingrenier","date":"2026-01-27 09:21:56"},"1.2.1":{"tag":"1.2.1","author":"valentingrenier","date":"2026-01-27 09:56:22"},"1.2.2":{"tag":"1.2.2","author":"valentingrenier","date":"2026-01-27 10:00:16"},"2.0.0":{"tag":"2.0.0","author":"valentingrenier","date":"2026-01-27 10:13:12"},"2.0.2":{"tag":"2.0.2","author":"valentingrenier","date":"2026-01-27 10:21:49"},"2.0.7":{"tag":"2.0.7","author":"valentingrenier","date":"2026-03-05 15:06:53"}},"upgrade_notice":{"1.0.0":"<p>Initial release.<\/p>"},"ratings":{"1":0,"2":0,"3":0,"4":0,"5":1},"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.1","1.1.0","1.1.2","1.2.0","1.2.1","1.2.2","2.0.0","2.0.2","2.0.7"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"Animation controls in the block inspector","2":"Animation type selector","3":"Duration and delay controls","4":"Example of fade-in animation"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[785,4121,751,148076,790],"plugin_category":[50],"plugin_contributors":[252179],"plugin_business_model":[],"class_list":["post-262763","plugin","type-plugin","status-publish","hentry","plugin_tags-animation","plugin_tags-blocks","plugin_tags-effects","plugin_tags-gutenberg","plugin_tags-scroll","plugin_category-media","plugin_contributors-valentingrenier","plugin_committers-valentingrenier"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/simple-block-animations.svg","icon_2x":false,"generated":true},"screenshots":[],"raw_content":"<!--section=description-->\n<p>Simple block animations adds scroll-triggered animations to WordPress Gutenberg blocks without any coding required.<\/p>\n\n<p><strong>Features:<\/strong><\/p>\n\n<ul>\n<li>5 animation types (fade, slide up\/down\/left\/right)<\/li>\n<li>Customizable duration and delay<\/li>\n<li>Works with all blocks (core, third-party, and custom blocks)<\/li>\n<li>Lightweight (CSS + Intersection Observer)<\/li>\n<li>No jQuery or heavy libraries<\/li>\n<li>Accessibility-friendly (respects prefers-reduced-motion)<\/li>\n<\/ul>\n\n<p><strong>Supported Blocks:<\/strong><\/p>\n\n<p>Works with all WordPress blocks, including core blocks, third-party blocks, and custom blocks.<\/p>\n\n<p><strong>Development:<\/strong><\/p>\n\n<p>The source code for this plugin is available on GitHub: https:\/\/github.com\/valentin-grenier\/simple-animations-for-gutenberg<\/p>\n\n<p>The plugin uses npm and webpack to compile JavaScript and CSS files. Source files are located in the <code>src\/<\/code> directory, and compiled files are in the <code>build\/<\/code> directory.<\/p>\n\n<p>To build from source:\n1. Install dependencies: <code>npm install<\/code>\n2. Build for production: <code>npm run build<\/code>\n3. Build for development: <code>npm run dev<\/code><\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin files to <code>\/wp-content\/plugins\/simple-block-animations\/<\/code><\/li>\n<li>Activate the plugin through the 'Plugins' screen in WordPress<\/li>\n<li>Select any block in Gutenberg<\/li>\n<li>Open the block settings panel<\/li>\n<li>Find the \"Animations\" section<\/li>\n<li>Enable animation and customize<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20it%20work%20with%20any%20theme%3F\"><h3>Does it work with any theme?<\/h3><\/dt>\n<dd><p>Yes! The plugin works with any WordPress theme that supports Gutenberg.<\/p><\/dd>\n<dt id=\"does%20it%20slow%20down%20my%20site%3F\"><h3>Does it slow down my site?<\/h3><\/dt>\n<dd><p>No. The plugin uses native CSS animations and Intersection Observer API. Assets only load on pages with animated blocks.<\/p><\/dd>\n<dt id=\"can%20i%20use%20it%20with%20page%20builders%3F\"><h3>Can I use it with page builders?<\/h3><\/dt>\n<dd><p>It's designed for Gutenberg blocks. It won't work with Elementor, Divi, or other page builders.<\/p><\/dd>\n<dt id=\"can%20i%20set%20default%20animations%20for%20my%20custom%20blocks%3F\"><h3>Can I set default animations for my custom blocks?<\/h3><\/dt>\n<dd><p>Yes! Developers can add animation attributes to their block.json file. Add <code>isAnimated<\/code>, <code>animationType<\/code>, <code>animationDuration<\/code>, and <code>animationDelay<\/code> attributes with your desired defaults. The plugin will respect these values, automatically enabling animations when the block is inserted. Available animation types: fade-in, fade-in-up, fade-in-down, fade-in-left, fade-in-right.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>2.0.7<\/h4>\n\n<ul>\n<li>Prepared plugin for 7.0 version<\/li>\n<\/ul>\n\n<h4>2.0.6<\/h4>\n\n<ul>\n<li>Prepared plugin for 7.0 version<\/li>\n<\/ul>\n\n<h4>2.0.5<\/h4>\n\n<ul>\n<li>Prepared plugin for 7.0 version<\/li>\n<\/ul>\n\n<h4>2.0.4<\/h4>\n\n<ul>\n<li>Prepared plugin for 7.0 version<\/li>\n<\/ul>\n\n<h4>2.0.2<\/h4>\n\n<ul>\n<li>Updated documentation with \"For developers\" section regarding default animation attributes for custom blocks<\/li>\n<\/ul>\n\n<h4>2.0.0<\/h4>\n\n<ul>\n<li>Respected pre-existing animation attributes from block.json to allow default animations in custom blocks<\/li>\n<\/ul>\n\n<h4>1.2.1<\/h4>\n\n<ul>\n<li>Update to version 1.2.1<\/li>\n<\/ul>\n\n<h4>1.2.0<\/h4>\n\n<ul>\n<li>Update to version 1.2.0<\/li>\n<\/ul>\n\n<h4>1.2.0<\/h4>\n\n<ul>\n<li>Added dynamic blocks support<\/li>\n<\/ul>\n\n<h4>1.1.2<\/h4>\n\n<ul>\n<li>Added support for all block types<\/li>\n<\/ul>\n\n<h4>1.1.1<\/h4>\n\n<ul>\n<li>Update to version 1.1.1<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<li>5 animation types<\/li>\n<li>Duration and delay controls<\/li>\n<li>Support for core and Meta Box blocks<\/li>\n<\/ul>","raw_excerpt":"Add beautiful scroll-triggered animations to any Gutenberg block with a simple, lightweight solution.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/262763","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=262763"}],"author":[{"embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/valentingrenier"}],"wp:attachment":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=262763"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=262763"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=262763"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=262763"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=262763"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=262763"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}