{"id":227739,"date":"2025-04-15T20:26:32","date_gmt":"2025-04-15T20:26:32","guid":{"rendered":"https:\/\/en-gb.wordpress.org\/plugins\/scroll-animations-for-blocks\/"},"modified":"2025-04-15T20:30:39","modified_gmt":"2025-04-15T20:30:39","slug":"scroll-animations-for-blocks","status":"publish","type":"plugin","link":"https:\/\/pcd.wordpress.org\/plugins\/scroll-animations-for-blocks\/","author":15873707,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.0","stable_tag":"1.0.0","tested":"6.7.5","requires":"6.0","requires_php":"7.4","requires_plugins":null,"header_name":"Scroll Animations for Blocks","header_author":"Simply Dev","header_description":"Add scroll animations to all Gutenberg blocks with customizable settings.","assets_banners_color":"","last_updated":"2025-04-15 20:30:39","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":10,"downloads":473,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation"],"tags":{"1.0.0":{"tag":"1.0.0","author":"simplydev","date":"2025-04-15 20:30:39"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":3273930,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":[],"screenshots":[],"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[10079,4121,751,148076,790],"plugin_category":[],"plugin_contributors":[240876],"plugin_business_model":[],"class_list":["post-227739","plugin","type-plugin","status-publish","hentry","plugin_tags-animations","plugin_tags-blocks","plugin_tags-effects","plugin_tags-gutenberg","plugin_tags-scroll","plugin_contributors-simplydev","plugin_committers-simplydev"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/scroll-animations-for-blocks\/assets\/icon-256x256.png?rev=3273930","icon_2x":"https:\/\/ps.w.org\/scroll-animations-for-blocks\/assets\/icon-256x256.png?rev=3273930","generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<p>Scroll Animations for Gutenberg allows you to add smooth scroll animations to any block in the WordPress editor. Each block can be configured with its own animation settings, including threshold, duration, and delay.<\/p>\n\n<h3>Features<\/h3>\n\n<ul>\n<li>Add scroll animations to any Gutenberg block<\/li>\n<li>Customizable animation settings per block:\n\n<ul>\n<li>Enable\/disable animation<\/li>\n<li>Threshold (when the animation triggers)<\/li>\n<li>Duration (how long the animation lasts)<\/li>\n<li>Delay (when the animation starts)<\/li>\n<\/ul><\/li>\n<li>Lightweight and performance optimized<\/li>\n<li>Uses Intersection Observer API for smooth performance<\/li>\n<\/ul>\n\n<h3>Usage<\/h3>\n\n<ol>\n<li>Edit any post or page with the WordPress editor<\/li>\n<li>Select any block<\/li>\n<li>In the block settings sidebar, look for the \"Scroll Animation\" panel<\/li>\n<li>Enable the animation and adjust the settings as needed:\n\n<ul>\n<li>Threshold: When the block should start animating (0-1)<\/li>\n<li>Duration: How long the animation should last (0-5000ms)<\/li>\n<li>Delay: When the animation should start (0-5000ms)<\/li>\n<\/ul><\/li>\n<\/ol>\n\n<h3>Development<\/h3>\n\n<p>This plugin uses <code>@wordpress\/scripts<\/code> for development. To get started:<\/p>\n\n<ol>\n<li>Clone the repository<\/li>\n<li>Run <code>npm install<\/code><\/li>\n<li>Run <code>npm run start<\/code> for development<\/li>\n<li>Run <code>npm run build<\/code> for production build<\/li>\n<\/ol>\n\n<h3>Requirements<\/h3>\n\n<ul>\n<li>WordPress 5.0 or higher<\/li>\n<li>Modern web browser with Intersection Observer API support<\/li>\n<\/ul>\n\n<h3>License<\/h3>\n\n<p>GPL v3 or later<\/p>\n\n<h3>Author<\/h3>\n\n<p>Simply Dev<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Download the plugin zip file<\/li>\n<li>Go to WordPress admin &gt; Plugins &gt; Add New<\/li>\n<li>Click \"Upload Plugin\" and select the downloaded zip file<\/li>\n<li>Click \"Install Now\" and then \"Activate\"<\/li>\n<\/ol>","raw_excerpt":"Scroll Animations for Blocks A lightweight WordPress plugin that adds scroll animations to all Gutenberg blocks.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/227739","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=227739"}],"author":[{"embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/simplydev"}],"wp:attachment":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=227739"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=227739"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=227739"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=227739"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=227739"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=227739"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}