{"id":230986,"date":"2025-04-29T09:44:56","date_gmt":"2025-04-29T09:44:56","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/animate-elementor\/"},"modified":"2025-05-25T10:31:20","modified_gmt":"2025-05-25T10:31:20","slug":"animate-elementor","status":"closed","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/animate-elementor\/","author":23089362,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"2.0.1","stable_tag":"2.0.1","tested":"6.8.5","requires":"5.2","requires_php":"7.4","requires_plugins":null,"header_name":"Animate Elementor \u2013 Elementor Scroll, 3D and Background\u00a0Animations","header_author":"SpiderWares","header_description":"Animate Elementor lets you effortlessly add smooth and stylish scroll animations to your Elementor widgets using the lightweight and powerful AOS (Animate On Scroll) library.","assets_banners_color":"fbfcfe","last_updated":"2025-05-25 10:31:20","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"https:\/\/spiderwares.com\/","rating":5,"author_block_rating":0,"active_installs":70,"downloads":753,"num_ratings":1,"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":"harshilitaliya","date":"2025-04-29 09:47:23"},"1.0.1":{"tag":"1.0.1","author":"harshilitaliya","date":"2025-04-30 04:11:46"},"1.0.2":{"tag":"1.0.2","author":"harshilitaliya","date":"2025-04-30 04:59:16"},"1.0.3":{"tag":"1.0.3","author":"harshilitaliya","date":"2025-05-19 08:54:02"},"1.0.4":{"tag":"1.0.4","author":"harshilitaliya","date":"2025-05-20 17:47:10"},"1.0.5":{"tag":"1.0.5","author":"spiderwares","date":"2025-05-22 17:00:28"},"2.0.0":{"tag":"2.0.0","author":"spiderwares","date":"2025-05-25 10:10:47"},"2.0.1":{"tag":"2.0.1","author":"spiderwares","date":"2025-05-25 10:31:20"}},"upgrade_notice":{"1.0.0":"

\u2013 Initial Release.\n\u2013 \ud83c\udfaf Add scroll-based animations using AOS in Elementor.\n\u2013 \ud83d\udee0\ufe0f Lightweight and easy to use.<\/p>"},"ratings":{"1":0,"2":0,"3":0,"4":0,"5":1},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3283975,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3283975,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3296292,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3296292,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0","1.0.1","1.0.2","1.0.3","1.0.4","1.0.5","2.0.0","2.0.1"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3300164,"resolution":"1","location":"assets","locale":""},"screenshot-10.png":{"filename":"screenshot-10.png","revision":3300164,"resolution":"10","location":"assets","locale":""},"screenshot-11.png":{"filename":"screenshot-11.png","revision":3300164,"resolution":"11","location":"assets","locale":""},"screenshot-12.png":{"filename":"screenshot-12.png","revision":3300164,"resolution":"12","location":"assets","locale":""},"screenshot-13.png":{"filename":"screenshot-13.png","revision":3300164,"resolution":"13","location":"assets","locale":""},"screenshot-14.png":{"filename":"screenshot-14.png","revision":3300164,"resolution":"14","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3300164,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3300164,"resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3300164,"resolution":"4","location":"assets","locale":""},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3300164,"resolution":"5","location":"assets","locale":""},"screenshot-6.png":{"filename":"screenshot-6.png","revision":3300164,"resolution":"6","location":"assets","locale":""},"screenshot-7.png":{"filename":"screenshot-7.png","revision":3300164,"resolution":"7","location":"assets","locale":""},"screenshot-8.png":{"filename":"screenshot-8.png","revision":3300164,"resolution":"8","location":"assets","locale":""},"screenshot-9.png":{"filename":"screenshot-9.png","revision":3300164,"resolution":"9","location":"assets","locale":""}},"screenshots":{"1":"Net Examples<\/strong> - Background animation.","2":"Fog Examples<\/strong> - Background animation.","3":"Geometry Waves Examples<\/strong> - Background animation.","4":"Birds Examples<\/strong> \u2013 Background animation.","5":"Globe Examples<\/strong> \u2013 Background animation.","6":"Cells Examples<\/strong> \u2013 Background animation.","7":"Trunk Examples<\/strong> \u2013 Background animation.","8":"Topology Examples<\/strong> \u2013 Background animation.","9":"Vots waves Examples<\/strong> \u2013 Background animation.","10":"Rings Examples<\/strong> \u2013 Background animation.","11":"Halo Examples<\/strong> \u2013 Background animation.","12":"Animation Types<\/strong> \u2013 Includes fade-up, fade-down, fade-right, slide-up, and many more effects.","13":"Easing Options<\/strong> \u2013 Customize animation easing with presets like ease-in, ease-out, ease-in-back, and others.","14":"Anchor Placement<\/strong> \u2013 Set where the animation triggers: top-bottom, top-center, center-center, etc."}},"plugin_section":[],"plugin_tags":[241591,785,190642,242819,242820],"plugin_category":[50],"plugin_contributors":[231900],"plugin_business_model":[],"class_list":["post-230986","plugin","type-plugin","status-closed","hentry","plugin_tags-animate-elementor","plugin_tags-animation","plugin_tags-elementor-animation","plugin_tags-elementor-background-animation","plugin_tags-elementor-effects","plugin_category-media","plugin_contributors-spiderwares","plugin_committers-spiderwares","plugin_support_reps-harshilitaliya"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/animate-elementor_fbfcfe.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/animate-elementor\/assets\/screenshot-1.png?rev=3300164","caption":"Net Examples<\/strong> - Background animation."},{"src":"https:\/\/ps.w.org\/animate-elementor\/assets\/screenshot-2.png?rev=3300164","caption":"Fog Examples<\/strong> - Background animation."},{"src":"https:\/\/ps.w.org\/animate-elementor\/assets\/screenshot-3.png?rev=3300164","caption":"Geometry Waves Examples<\/strong> - Background animation."},{"src":"https:\/\/ps.w.org\/animate-elementor\/assets\/screenshot-4.png?rev=3300164","caption":"Birds Examples<\/strong> \u2013 Background animation."},{"src":"https:\/\/ps.w.org\/animate-elementor\/assets\/screenshot-5.png?rev=3300164","caption":"Globe Examples<\/strong> \u2013 Background animation."},{"src":"https:\/\/ps.w.org\/animate-elementor\/assets\/screenshot-6.png?rev=3300164","caption":"Cells Examples<\/strong> \u2013 Background animation."},{"src":"https:\/\/ps.w.org\/animate-elementor\/assets\/screenshot-7.png?rev=3300164","caption":"Trunk Examples<\/strong> \u2013 Background animation."},{"src":"https:\/\/ps.w.org\/animate-elementor\/assets\/screenshot-8.png?rev=3300164","caption":"Topology Examples<\/strong> \u2013 Background animation."},{"src":"https:\/\/ps.w.org\/animate-elementor\/assets\/screenshot-9.png?rev=3300164","caption":"Vots waves Examples<\/strong> \u2013 Background animation."},{"src":"https:\/\/ps.w.org\/animate-elementor\/assets\/screenshot-10.png?rev=3300164","caption":"Rings Examples<\/strong> \u2013 Background animation."},{"src":"https:\/\/ps.w.org\/animate-elementor\/assets\/screenshot-11.png?rev=3300164","caption":"Halo Examples<\/strong> \u2013 Background animation."},{"src":"https:\/\/ps.w.org\/animate-elementor\/assets\/screenshot-12.png?rev=3300164","caption":"Animation Types<\/strong> \u2013 Includes fade-up, fade-down, fade-right, slide-up, and many more effects."},{"src":"https:\/\/ps.w.org\/animate-elementor\/assets\/screenshot-13.png?rev=3300164","caption":"Easing Options<\/strong> \u2013 Customize animation easing with presets like ease-in, ease-out, ease-in-back, and others."},{"src":"https:\/\/ps.w.org\/animate-elementor\/assets\/screenshot-14.png?rev=3300164","caption":"Anchor Placement<\/strong> \u2013 Set where the animation triggers: top-bottom, top-center, center-center, etc."}],"raw_content":"\n

Animate Elementor is a lightweight and powerful animation plugin for Elementor that lets you add beautiful scroll-based animations to any Elementor widget or section \u2014 no coding required. built on the reliable AOS (Animate On Scroll) library, this plugin brings your pages to life with professional animation effects like fade, slide, zoom, flip, and more. Whether you're using Elementor Free or Pro, you can easily control animations with intuitive settings right inside the Elementor editor.<\/p>\n\n

\ud83d\udd39 No coding needed<\/strong> \u2013 just simple controls inside Elementor.
\n\ud83d\udd39 Fast and lightweight<\/strong> \u2013 optimized for performance.
\n\ud83d\udd39 Compatible<\/strong> with Elementor Free and Pro versions.<\/p>\n\n

Background Animations<\/h3>\n\n

\u2b50 waves<\/code> \u2013 flowing animated wave effect, perfect for headers and hero sections\n\u2b50 fog<\/code> \u2013 soft, ambient fog effect for immersive backgrounds\n\u2b50 dots<\/code> \u2013 minimalist dot pattern with smooth motion\n\u2b50 net<\/code> \u2013 interactive network of dots and lines, responds to mouse movement\n\u2b50 cells<\/code> \u2013 organic, pulsing cell-like blobs, great for science or abstract visuals\n\u2b50 halo<\/code> \u2013 radiant pulsating glow in a circular halo effect\n\u2b50 globe<\/code> \u2013 animated 3D globe made of particles and lines\n\u2b50 rings<\/code> \u2013 floating 3D rings rotating in space\n\u2b50 birds<\/code> \u2013 flocks of animated birds flying across your screen\n\u2b50 dotWave<\/code> \u2013 wave animation created from dots, subtle and modern\n\u2b50 More background effects coming soon\u2026\n\u2b50 Need a custom animation effect?<\/strong> We're happy to help \u2014 reach out at hello@spiderwares.com<\/a><\/strong>.<\/p>\n\n

Scroll Animations<\/h3>\n\n

\ud83c\udf2b\ufe0f fade<\/code>\n\u2b06\ufe0f fade-up<\/code>\u2003\u2b07\ufe0f fade-down<\/code>\u2003\u2b05\ufe0f fade-left<\/code>\u2003\u27a1\ufe0f fade-right<\/code>\n\ud83d\udd3c fade-up-right<\/code>\u2003\ud83d\udd3d fade-up-left<\/code>\u2003\u25c0\ufe0f fade-down-right<\/code>\u2003\u25b6\ufe0f fade-down-left<\/code>\n\ud83d\udd04 flip-left<\/code>\u2003\ud83d\udd01 flip-right<\/code>\u2003\ud83d\udd03 flip-up<\/code>\u2003\ud83d\udd02 flip-down<\/code>\n\ud83d\udce4 slide-up<\/code>\u2003\ud83d\udce5 slide-down<\/code>\u2003\u21a9\ufe0f slide-left<\/code>\u2003\u21aa\ufe0f slide-right<\/code>\n\ud83d\udd0d zoom-in<\/code>\u2003\ud83d\udd0e zoom-in-up\/down\/left\/right<\/code>\n\ud83d\udcc9 zoom-out<\/code>\u2003\ud83d\udcc8 zoom-out-up\/down\/left\/right<\/code><\/p>\n\n

Tilt Animations<\/h3>\n\n

\ud83d\udccf linear<\/code>\n\u2699\ufe0f ease<\/code>, ease-in<\/code>, ease-out<\/code>, ease-in-out<\/code>\n\ud83c\udfaf Tilt Default (Smooth)<\/code> \n\ud83c\udfa8 Ease In Quad (Bezier)<\/code> \n\ud83c\udfaf Ease In Cubic (Bezier)<\/code>\n\ud83d\udd25 Ease Out Cubic (Bezier)<\/code> \n\u26a1 Ease In Out (Sharp)<\/code><\/p>\n\n

\ud83c\udfae Usage<\/h3>\n\n
    \n
  1. Open any page in the Elementor editor.<\/li>\n
  2. Select the widget or section you want to animate.<\/li>\n
  3. Go to the Animation Settings<\/strong> panel.<\/li>\n
  4. Choose an animation effect and configure options like delay or duration.<\/li>\n
  5. Save and preview your page to see the animation in action!<\/li>\n<\/ol>\n\n

    License<\/h3>\n\n

    This plugin is licensed under the GPL v2 or later<\/a>.<\/p>\n\n

    Contributing<\/h3>\n\n

    We welcome contributions! Fork the repository, create a feature branch, and submit your pull request.<\/p>\n\n

    Support<\/h3>\n\n

    Need help? Contact us at hello@spiderwares.com<\/a> or open a ticket on the plugin\u2019s support forum.<\/p>\n\n\n

      \n
    1. Download the Animate Elementor<\/strong> plugin.<\/li>\n
    2. Upload the plugin to \/wp-content\/plugins\/animate-elementor<\/code> directory or install via the WordPress Plugins screen.<\/li>\n
    3. Activate the plugin through the Plugins<\/strong> menu in WordPress.<\/li>\n
    4. Edit your pages with Elementor and start adding animations!<\/li>\n<\/ol>\n\n\n
      \n

      How do I enable animations?<\/h3><\/dt>\n

      After activating the plugin, open any Elementor page, select an element, and configure its Animation settings from advance tab animate elementor tab.<\/p><\/dd>\n

      Which animations are included?<\/h3><\/dt>\n

      Animate Elementor supports fade, slide, zoom, flip, and other scroll-triggered effects.<\/p><\/dd>\n

      Will it work with Elementor Free version?<\/h3><\/dt>\n

      Yes! Animate Elementor is compatible with both free and pro versions of Elementor.<\/p><\/dd>\n

      Can I request a new animation effect or feature?<\/h3><\/dt>\n

      Absolutely! We\u2019d love to hear your ideas \u2014 feel free to reach out to us at hello@spiderwares.com<\/a><\/p><\/dd>\n\n<\/dl>\n\n\n

      2.0.0 \u2013 Background Animations<\/h3>\n\n

      \u2013 \u2705 Improved background animation<\/strong> for better performance and smoother visuals
      \n\u2013 \u2705 Introduced NEW background animation support<\/strong> for Elementor sections\n\u2013 \u2705 Added two new background animation effects: Birds<\/code>, Trunk<\/code>, Topology<\/code>, Globe<\/code>, Rings<\/code>, Halo<\/code>, Cells<\/code> and Dot Waves<\/code><\/p>\n\n

      1.0.3 \u2013 Added Background Animation Support<\/h3>\n\n

      \u2013 \u2705 Introduced background animation support<\/strong> for Elementor sections\n\u2013 \u2705 Added two new background animation effects: Waves<\/code> and Fog<\/code><\/p>\n\n

      1.0.1 \u2013 Added 3D Support<\/h3>\n\n

      \u2013 \u2705 Integrated 3D Animation widget support for interactive tilt animations.<\/p>\n\n

      1.0.0 \u2013 Initial Release<\/h3>\n\n

      \u2013 \u2705 Added AOS integration for scroll-based animations
      \n\u2013 \u2705 Custom animation controls for Elementor widgets and sections
      \n\u2013 \u2705 Lightweight and responsive
      \n\u2013 \u2705 Clean UI with live preview support<\/p>","raw_excerpt":"Animate Elementor adds smooth scroll-based animations to Elementor widgets and sections using AOS \u2014 no coding required.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/230986","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=230986"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/spiderwares"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=230986"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=230986"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=230986"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=230986"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=230986"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=230986"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}