{"id":266233,"date":"2025-12-11T10:12:58","date_gmt":"2025-12-11T10:12:58","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/tzm-block-scroll-animations\/"},"modified":"2025-12-11T10:12:35","modified_gmt":"2025-12-11T10:12:35","slug":"tzm-block-scroll-animations","status":"publish","type":"plugin","link":"https:\/\/tah.wordpress.org\/plugins\/tzm-block-scroll-animations\/","author":16184665,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.0","stable_tag":"1.0.0","tested":"6.9.4","requires":"6.4","requires_php":"","requires_plugins":null,"header_name":"TZM Block Scroll Animations","header_author":"TezmoMedia - Jakob Wiens","header_description":"Bring your blocks to life with scroll-driven animations \u2014 no coding required!","assets_banners_color":"c2e8a0","last_updated":"2025-12-11 10:12:35","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"https:\/\/www.tezmo.media","rating":0,"author_block_rating":0,"active_installs":0,"downloads":146,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"jakobwiens","date":"2025-12-11 10:12:35"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3417211,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3417211,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.jpg":{"filename":"banner-1544x500.jpg","revision":3417211,"resolution":"1544x500","location":"assets","locale":""},"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3417211,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":3417211,"resolution":"772x250","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3417211,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":{"screenshot-1.gif":{"filename":"screenshot-1.gif","revision":3417211,"resolution":"1","location":"assets","locale":""}},"screenshots":{"1":"Quick and intuitive block animation workflow.","2":"Configure Sroll Animation features right from the block\u2019s settings.","3":"Integrated quick guide for setting up scroll animations."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[785,233225,751,34998,790],"plugin_category":[50],"plugin_contributors":[233226],"plugin_business_model":[],"class_list":["post-266233","plugin","type-plugin","status-publish","hentry","plugin_tags-animation","plugin_tags-block-controls","plugin_tags-effects","plugin_tags-motion","plugin_tags-scroll","plugin_category-media","plugin_contributors-jakobwiens","plugin_committers-jakobwiens"],"banners":{"banner":"https:\/\/ps.w.org\/tzm-block-scroll-animations\/assets\/banner-772x250.png?rev=3417211","banner_2x":"https:\/\/ps.w.org\/tzm-block-scroll-animations\/assets\/banner-1544x500.png?rev=3417211","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/tzm-block-scroll-animations\/assets\/icon-128x128.png?rev=3417211","icon_2x":"https:\/\/ps.w.org\/tzm-block-scroll-animations\/assets\/icon-256x256.png?rev=3417211","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/tzm-block-scroll-animations\/assets\/screenshot-1.gif?rev=3417211","caption":"Quick and intuitive block animation workflow."}],"raw_content":"<!--section=description-->\n<p><strong>TZM Block Scroll Animations<\/strong> helps you bring your blocks to life by adding clean, expressive scroll-driven motion effects. Animate properties such as position, scale, rotation, opacity, and more \u2014 all directly within the Gutenberg Editor in just a few seconds.<\/p>\n\n<h3>Features<\/h3>\n\n<ul>\n<li><p><strong>Animation Editor:<\/strong> A clean and straightforward interface that requires no coding or scripting knowledge. Set up eye-catching scroll-based animations in just a few clicks.<\/p><\/li>\n<li><p><strong>Start\/End-Based Animations:<\/strong> Animate movement, rotation, scaling, opacity, grayscale, and blur using a simple, start-to-end value workflow that keeps animation behavior predictable.<\/p><\/li>\n<li><p><strong>Customizable Timeline Range:<\/strong> Define the scroll segment that drives the animation using block selection or custom CSS selectors for maximum flexibility.<\/p><\/li>\n<li><p><strong>Integrated Responsive Controls:<\/strong> Assign different animation settings for desktop, laptop, tablet, and phone independently.<\/p><\/li>\n<li><p><strong>Easing Curves:<\/strong> Add extra refinement by using non-linear easing to adjust how animations unfold along the scroll timeline.<\/p><\/li>\n<\/ul>\n\n<h3>Source Code<\/h3>\n\n<p>The source code for TZM Block Scroll Animations is available on GitHub! \nFollow the development, report issues, and get involved in improving the plugin. We welcome contributions, feedback, and feature requests from the community.<\/p>\n\n<ul>\n<li><a href=\"https:\/\/github.com\/jakobwiens7\/tzm-block-scroll-animations\">View on GitHub<\/a><\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li><p>Upload the plugin files to the <code>\/wp-content\/plugins\/tzm-block-scroll-animations<\/code> directory, or install the plugin through the WordPress plugins screen directly.<\/p><\/li>\n<li><p>Activate the plugin through the 'Plugins' screen in WordPress<\/p><\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id='does%20this%20plugin%20require%20coding%20or%20scripting%20knowledge%3F'><h3>Does this plugin require coding or scripting knowledge?<\/h3><\/dt>\n<dd><p>No. All animations can be created within the Animation Editor by using input fields and sliders.<\/p><\/dd>\n<dt id='why%20can%E2%80%99t%20i%20select%20certain%20blocks%20when%20using%20%E2%80%9Cpick%20timeline%20range%E2%80%9D%3F'><h3>Why can\u2019t I select certain blocks when using \u201cPick Timeline Range\u201d?<\/h3><\/dt>\n<dd><p>Blocks without an HTML anchor cannot be selected. Add an anchor in the block settings, then try again.<\/p><\/dd>\n<dt id='can%20i%20disable%20or%20define%20different%20animations%20for%20mobile%20and%20desktop%3F'><h3>Can I disable or define different animations for mobile and desktop?<\/h3><\/dt>\n<dd><p>Yes. The Animation Editor supports device-specific configuration. Activate the responsive icons to set unique values per device.<\/p><\/dd>\n<dt id='is%20this%20plugin%20compatible%20with%20all%20themes%3F'><h3>Is this plugin compatible with all themes?<\/h3><\/dt>\n<dd><p>Block Scroll Animations works with any theme that properly supports the block editor and follows standard frontend markup.<\/p><\/dd>\n<dt id='i%20want%20to%20use%20block%20scroll%20animations%20on%20a%20non-wordpress%20site.%20is%20this%20possible%3F'><h3>I want to use Block Scroll Animations on a non-WordPress site. Is this possible?<\/h3><\/dt>\n<dd><p>While the plugin cannot be used outside the WordPress environment, you may want to explore the underlying <strong>ScrollageJS<\/strong> library, which powers this plugin: https:\/\/github.com\/jakobwiens7\/scrollage-js.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial Release :)<\/li>\n<\/ul>","raw_excerpt":"Bring your blocks to life with scroll-driven animations \u2014 easy and intuitive with no coding required!","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/266233","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=266233"}],"author":[{"embeddable":true,"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/jakobwiens"}],"wp:attachment":[{"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=266233"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=266233"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=266233"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=266233"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=266233"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=266233"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}