Animation Builder lets you craft everything from subtle transitions to complex, multi-stage scroll-triggered animations \u2014 all within a modern, familiar interface.<\/p>\n\n
With intuitive controls and powerful features, you can build animations that respond to triggers, follow logical rules, and combine seamlessly to create a rich, interactive experience on your website \u2014 all with a fraction of the effort typically required.<\/p>\n\n
Scroll triggered<\/strong> - All animations respond to your scrolling, activating only when visible in the browser to ensure nothing is missed and performance remains smooth.\nLightweight & performant<\/strong> \u2014 Minimal footprint, optimized for fast, smooth animations.\nPowered by GSAP Animation Framework<\/strong> \u2014 Built on the industry-standard animation engine for reliable, high-performance animations.\nZero-config defaults<\/strong> \u2014 works straight out of the box.\nBeginner-friendly<\/strong> \u2014 no coding knowledge required.<\/p>\n\n Animation Builder is designed to make animations effortless for everyone \u2014 whether you\u2019re a seasoned developer or someone who has never touched JavaScript. With multiple ways to create and trigger animations, you have complete freedom to choose the approach that works best for you.<\/p>\n\n 1. Simple Animation Builder<\/strong>\nA clean, visual interface for creating smooth, single-step transitions. Ideal for quick enhancements when you need movement without complexity.<\/p>\n\n 2. Advanced Timeline Builder<\/strong>\nThe heart of Animation Builder \u2014 a full-fledged timeline editor that lets you design professional, multi-stage animations with precision and control. No coding required, just creativity and a bit of animation logic.<\/p>\n\n 3. Ready-to-Use CSS Classes<\/strong>\nInstantly add motion to any element with our library of predefined CSS animations. Perfect for quick effects that grab attention \u2014 no setup required.<\/p>\n\n 4. Legacy Activations<\/strong>\nA tried-and-true method for scroll-based effects. Elements activate as they enter the viewport, enabling elegant CSS transitions between states \u2014 great for subtle, performance-friendly animations.<\/p>\n\n Attract Users to Key Areas<\/strong> - Apply animations strategically to highlight the sections that matter most.\nImproves engagement<\/strong> - studies show that web animations can improve \"time on page\" by up to 15%.\nIncrease Credibility<\/strong> - Polished, purposeful animations can make your website appear more credible.<\/p>\n\n Full documentation can be found here<\/a><\/p>\n\n\n There are a few possible causes for this issue, but the most common is a JavaScript error on your site. Check your browser\u2019s console for any error messages. If you\u2019re unable to resolve the problem, feel free to reach out through our support forum<\/a>\u2014we\u2019re happy to help.<\/p><\/dd>\n\n<\/dl>\n\n\n *Initial plugin release<\/p>","raw_excerpt":"Complex scroll-triggered animations. No coding required.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/fa.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/262421","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fa.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/fa.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/fa.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=262421"}],"author":[{"embeddable":true,"href":"https:\/\/fa.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/toastwebsites"}],"wp:attachment":[{"href":"https:\/\/fa.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=262421"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/fa.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=262421"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/fa.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=262421"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/fa.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=262421"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/fa.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=262421"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/fa.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=262421"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}The 4 types of animation included within Animation Builder<\/h3>\n\n
Benefits<\/h3>\n\n
Ensure PHP 7.0 or higher is installed before proceeding<\/h4>\n\n
\n
\n
Why aren't my animations working?<\/h3><\/dt>\n
5.0.0<\/h4>\n\n