{"id":151024,"date":"2022-01-09T04:08:02","date_gmt":"2022-01-09T04:08:02","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/advanced-animation\/"},"modified":"2026-09-21T09:27:13","modified_gmt":"2026-09-21T09:27:13","slug":"advanced-animation","status":"publish","type":"plugin","link":"https:\/\/mr.wordpress.org\/plugins\/advanced-animation\/","author":18730326,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"4.4.0","stable_tag":"4.4.0","tested":"7.1.1","requires":"6.5","requires_php":"7.4","requires_plugins":null,"header_name":"Advanced Addons","header_author":"Advanced Addons","header_description":"Advanced animation for gutenberg block.","assets_banners_color":"","last_updated":"2026-09-21 09:27:13","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"","rating":5,"author_block_rating":0,"active_installs":700,"downloads":27602,"num_ratings":3,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"2.0.0":{"tag":"2.0.0","author":"syarifstudio","date":"2023-03-31 11:18:35","revision":2891192},"2.0.1":{"tag":"2.0.1","author":"syarifstudio","date":"2023-03-31 11:18:35","revision":2891192},"2.0.2":{"tag":"2.0.2","author":"syarifstudio","date":"2023-03-31 11:18:35","revision":2891192},"2.0.3":{"tag":"2.0.3","author":"syarifstudio","date":"2023-04-09 10:05:12","revision":2896168},"2.0.4":{"tag":"2.0.4","author":"syarifstudio","date":"2023-04-15 10:00:34","revision":2899447},"2.0.5":{"tag":"2.0.5","author":"syarifstudio","date":"2023-04-15 10:00:34","revision":2899447},"2.0.6":{"tag":"2.0.6","author":"syarifstudio","date":"2023-04-27 13:03:48","revision":2905106},"2.0.7":{"tag":"2.0.7","author":"syarifstudio","date":"2023-05-04 11:55:10","revision":2907962},"2.0.8":{"tag":"2.0.8","author":"syarifstudio","date":"2023-05-07 04:43:39","revision":2908996},"2.1.0":{"tag":"2.1.0","author":"syarifstudio","date":"2023-05-14 09:55:30","revision":2912161},"2.1.3":{"tag":"2.1.3","author":"syarifstudio","date":"2023-06-15 22:06:48","revision":2926805},"2.1.4":{"tag":"2.1.4","author":"syarifstudio","date":"2023-06-23 23:47:56","revision":2930257},"2.1.5":{"tag":"2.1.5","author":"syarifstudio","date":"2023-07-09 22:04:48","revision":2936262},"2.1.6":{"tag":"2.1.6","author":"syarifstudio","date":"2023-07-26 21:53:25","revision":2943917},"2.1.7":{"tag":"2.1.7","author":"syarifstudio","date":"2023-09-24 12:22:30","revision":2970873},"2.2.0":{"tag":"2.2.0","author":"syarifstudio","date":"2024-05-27 22:16:26","revision":3093502},"2.2.1":{"tag":"2.2.1","author":"syarifstudio","date":"2024-07-10 11:22:53","revision":3115550},"2.2.2":{"tag":"2.2.2","author":"syarifstudio","date":"2024-07-10 11:22:53","revision":3115550},"2.2.3":{"tag":"2.2.3","author":"syarifstudio","date":"2025-01-21 11:23:35","revision":3226116},"2.2.4":{"tag":"2.2.4","author":"syarifstudio","date":"2025-01-21 11:23:35","revision":3226116},"2.2.5":{"tag":"2.2.5","author":"syarifstudio","date":"2025-05-03 14:08:48","revision":3286805},"3.0.0":{"tag":"3.0.0","author":"syarifstudio","date":"2026-02-15 09:31:23","revision":3461728},"3.0.1":{"tag":"3.0.1","author":"syarifstudio","date":"2026-02-24 02:05:17","revision":3468154},"3.0.2":{"tag":"3.0.2","author":"syarifstudio","date":"2026-02-24 02:05:17","revision":3468154},"4.0.0":{"tag":"4.0.0","author":"syarifstudio","date":"2026-08-05 08:39:09","revision":3635058},"4.0.1":{"tag":"4.0.1","author":"syarifstudio","date":"2026-08-09 02:06:55","revision":3639018},"4.0.2":{"tag":"4.0.2","author":"syarifstudio","date":"2026-08-11 00:35:23","revision":3641233},"4.1.0":{"tag":"4.1.0","author":"syarifstudio","date":"2026-08-22 08:13:51","revision":3660184},"4.2.0":{"tag":"4.2.0","author":"syarifstudio","date":"2026-08-31 09:00:48","revision":3673709},"4.3.0":{"tag":"4.3.0","author":"syarifstudio","date":"2026-09-08 08:45:17","revision":3686223},"4.4.0":{"tag":"4.4.0","author":"syarifstudio","date":"2026-09-21 09:27:13","revision":3705255}},"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":3},"assets_icons":{"icon-128x128.gif":{"filename":"icon-128x128.gif","revision":2654914,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.gif":{"filename":"icon-256x256.gif","revision":2654914,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["2.0.0","2.0.1","2.0.2","2.0.3","2.0.4","2.0.5","2.0.6","2.0.7","2.0.8","2.1.0","2.1.3","2.1.4","2.1.5","2.1.6","2.1.7","2.2.0","2.2.1","2.2.2","2.2.3","2.2.4","2.2.5","3.0.0","3.0.1","3.0.2","4.0.0","4.0.1","4.0.2","4.1.0","4.2.0","4.3.0","4.4.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3686223,"resolution":"1","location":"assets","locale":"","width":3398,"height":2522},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3686223,"resolution":"2","location":"assets","locale":"","width":5120,"height":2880},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3686223,"resolution":"3","location":"assets","locale":"","width":2738,"height":1882},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3686223,"resolution":"4","location":"assets","locale":"","width":2738,"height":1882}},"screenshots":{"1":"AI chat on Block editor","2":"AI chat on Elementor editor","3":"Advanced animation settings inside the block editor","4":"Custom CSS controls inside the block editor"}},"plugin_section":[],"plugin_tags":[251750,785,4121,2001,76538],"plugin_category":[50],"plugin_contributors":[206594],"plugin_business_model":[],"class_list":["post-151024","plugin","type-plugin","status-publish","hentry","plugin_tags-ai-builder","plugin_tags-animation","plugin_tags-blocks","plugin_tags-custom-css","plugin_tags-elementor","plugin_category-media","plugin_contributors-syarifstudio","plugin_committers-syarifstudio"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/advanced-animation\/assets\/icon-128x128.gif?rev=2654914","icon_2x":"https:\/\/ps.w.org\/advanced-animation\/assets\/icon-256x256.gif?rev=2654914","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/advanced-animation\/assets\/screenshot-1.png?rev=3686223","caption":"AI chat on Block editor"},{"src":"https:\/\/ps.w.org\/advanced-animation\/assets\/screenshot-2.png?rev=3686223","caption":"AI chat on Elementor editor"},{"src":"https:\/\/ps.w.org\/advanced-animation\/assets\/screenshot-3.png?rev=3686223","caption":"Advanced animation settings inside the block editor"},{"src":"https:\/\/ps.w.org\/advanced-animation\/assets\/screenshot-4.png?rev=3686223","caption":"Custom CSS controls inside the block editor"}],"raw_content":"<!--section=description-->\n<p>https:\/\/www.youtube.com\/watch?v=zcnisWAB8mc<\/p>\n\n<p>Advanced Addons extends the WordPress Block Editor and Elementor with animation controls, custom CSS, and an optional AI-assisted layout builder.<\/p>\n\n<p>Key features include:<\/p>\n\n<ul>\n<li>AI Builder for generating and editing layouts (WordPress 7.0+)<\/li>\n<li>Tailwind block for Wordpress block editor<\/li>\n<li>Add custom CSS to blocks and Elementor widgets<\/li>\n<li>Advanced animation controls for blocks and elementor<\/li>\n<\/ul>\n\n<p>Animation and custom CSS work on WordPress 6.5 and later. AI features only load when the site runs WordPress 7.0 or newer.<\/p>\n\n<h4>WordPress version requirements<\/h4>\n\n<ul>\n<li><strong>WordPress 6.5+<\/strong> \u2014 animation controls and custom CSS (core plugin features)<\/li>\n<li><strong>WordPress 7.0+<\/strong> \u2014 required to use AI Builder features (WordPress AI Client \/ Connectors, AI chat in the editors, Unsplash search via AI tools, Tailwind HTML AI block workflow)<\/li>\n<\/ul>\n\n<p>If your site is on WordPress 6.5\u20136.9, the plugin still works for animation and custom CSS; AI Builder UI and APIs stay disabled until you upgrade to WordPress 7.0+.<\/p>\n\n<h4>Pro version<\/h4>\n\n<p>The Pro version is available on the Patreon page: https:\/\/www.patreon.com\/WordPressAddons<\/p>\n\n<h4>Third-party services<\/h4>\n\n<p>This plugin can optionally connect to external services. No calls are made until you configure credentials and use the related AI features (WordPress 7.0+).<\/p>\n\n<ul>\n<li><strong>WordPress AI providers<\/strong> \u2014 configured via WordPress Connectors \/ AI Client. Your prompts and page context may be sent to the provider you select. Review each provider\u2019s privacy policy and terms before use.<\/li>\n<li><strong>Unsplash API<\/strong> \u2014 optional stock photo search. Requires an Unsplash access key from https:\/\/unsplash.com\/oauth\/applications. Searches are sent to <code>api.unsplash.com<\/code>. See Unsplash API Guidelines and Terms: https:\/\/unsplash.com\/api\/terms<\/li>\n<\/ul>\n\n<p>API keys are stored in WordPress options (or via constants\/environment variables) and are never sent to Advanced Addons servers.<\/p>\n\n<h3>Features<\/h3>\n\n<h4>AI Builder (WordPress 7.0+)<\/h4>\n\n<p>Generate and edit page sections with AI in the block editor and Elementor when WordPress AI Client \/ connectors are available.<\/p>\n\n<h4>Animation Controls<\/h4>\n\n<p>Add animations to blocks and widgets using visual settings, including:<\/p>\n\n<ul>\n<li>Transform animations (translate, rotate, scale)<\/li>\n<li>Scroll-based effects<\/li>\n<li>Custom animation properties<\/li>\n<\/ul>\n\n<h4>Custom CSS<\/h4>\n\n<p>Extend styling without editing theme files:<\/p>\n\n<ul>\n<li>Add custom CSS directly in the block editor<\/li>\n<li>Add custom CSS to Elementor widgets without Elementor Property<\/li>\n<\/ul>\n\n<h4>Editor Integration<\/h4>\n\n<p>Built to integrate with:<\/p>\n\n<ul>\n<li>WordPress Block Editor<\/li>\n<li>Elementor editor<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin folder to the <code>\/wp-content\/plugins\/<\/code> directory, or install the zip via Plugins \u2192 Add New \u2192 Upload Plugin.<\/li>\n<li>Activate the plugin through the 'Plugins' menu in WordPress.<\/li>\n<li>Open the block editor or Elementor and configure animation or custom CSS settings.<\/li>\n<li>(Optional, WordPress 7.0+) Configure AI connectors and an Unsplash API key to use AI Builder features.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"what%20is%20the%20difference%20between%20the%20free%20and%20pro%20versions%3F\"><h3>What is the difference between the Free and Pro versions?<\/h3><\/dt>\n<dd><p>The Free version lets you access AI features only through an API key configured in the WordPress Connector settings. The Pro version also lets you use your existing subscription through WebMCP, Codex Chat, or an external MCP server.<\/p><\/dd>\n<dt id=\"why%20is%20this%20plugin%20needed%20for%20html%20to%20elementor%20workflows%3F\"><h3>Why is this plugin needed for HTML to Elementor workflows?<\/h3><\/dt>\n<dd><p>This plugin provides custom CSS similar to Elementor Pro. It is only needed if you use Elementor Free without Elementor Pro.<\/p><\/dd>\n<dt id=\"why%20is%20this%20plugin%20needed%20for%20html%20to%20wordpress%20workflows%3F\"><h3>Why is this plugin needed for HTML to WordPress workflows?<\/h3><\/dt>\n<dd><p>This plugin provides custom CSS for the block editor used by those workflows.<\/p><\/dd>\n<dt id=\"do%20i%20need%20wordpress%207.0%3F\"><h3>Do I need WordPress 7.0?<\/h3><\/dt>\n<dd><p>No. Animation and custom CSS require WordPress 6.5+. To use AI Builder features you need WordPress 7.0 or later.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>4.0.0<\/h4>\n\n<ul>\n<li>Requires WordPress 6.5+ for animation and custom CSS<\/li>\n<li>AI Builder loads only on WordPress 7.0+; documented in readme<\/li>\n<li>Security: per-post capability checks, CSS sanitization, tighter REST tool whitelist<\/li>\n<li>Requires PHP 7.4+<\/li>\n<li>Document AI \/ Unsplash third-party services in readme<\/li>\n<li>Remove activation redirect to promo page<\/li>\n<li>Align text domain to advanced-addons; Unsplash download tracking on image use<\/li>\n<\/ul>\n\n<h4>3.0.2<\/h4>\n\n<ul>\n<li>Security and packaging hardening for WordPress.org readiness<\/li>\n<\/ul>\n\n<h4>3.0.0<\/h4>\n\n<ul>\n<li>Improved animation system<\/li>\n<li>Add custom css for block editor<\/li>\n<li>Add custom css for elementor<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<\/ul>","raw_excerpt":"AI website builder, animations and custom css for the block editor and Elementor","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/mr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/151024","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/mr.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/mr.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=151024"}],"author":[{"embeddable":true,"href":"https:\/\/mr.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/syarifstudio"}],"wp:attachment":[{"href":"https:\/\/mr.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=151024"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/mr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=151024"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/mr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=151024"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/mr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=151024"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/mr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=151024"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/mr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=151024"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}