Animation Addons for Elementor

Описание

Animation Addons for Elementor is the ultimate GSAP-powered animation plugin, featuring 86+ exclusive widgets, 25+ advanced Elementor extensions, 2,000+ professionally designed page templates, 150+ fully built websites (including all inner pages), and 10,000+ modern, ready-to-use section templates.

As the No.1 animation plugin for Elementor, it enables you to create fully animated websites with advanced GSAP functionality —no coding required. Bring your designs to life with smooth animations, interactive effects, and seamless motion.
Check the Pro Version
Explore 10,000+ Section Templates
Browse 150+ Pre-Built Websites
Buy Pro Now – Get 50% Off!

Animation Addons for Elementor includes all essential website-building tools, such as the Custom Header & Footer Builder, CPT Builder, Animation Builder, Single Page and Single Post Builder, Mega Menu Builder, Archive Page Builder, and 404 Builder. Designed to be lightweight, it ensures fast page loading times for a seamless user experience.

Powerful GSAP Features for Advanced Animations

🌟 ScrollTrigger
🎨 GSAP Animation Builder
🎬 Preset Animation
⚡ Smooth Scrolling
🌐 Horizontal Scrolling
📌 Pinning Elements
⏳ Timeline-Based Animation
✂️ Split Text Animation
🔄 Flip Animation
🛒 Scroll To Animation
🖱️ Draggable Elements
✍️ Draw SVG Animation
🎥 Lottie Animation
🖼️ SVG Animation
🔄 Morph SVG
➡️ Motion Path Animation
📏 Stagger Animation
🌪️ Scroll Smoother
🌍 Parallax Effects
✒️ Text Scramble Animation
🎞️ Clip Path Animation
🎚️ Advanced Easing Functions
🖱️ Custom Cursor Effects
📸 Image Sequence Animation
🌟 Layered Animation

Key Features of Animation Addons for Elementor

📝 Life Copy Paste
🏗️ Header Builder
🦶 Footer Builder
🌍 Dynamic Content
🔌 Elementor Extensions
🎨 Preloaders
🗂️ Mega Menus
️ Horizontal Scrolling
🔁 Preset Animation
🛠️ CPT Builder
🖼️ Icon Generator
🔠 Custom Font Uploader
⚡ One-Click Demo Imports

Animation Addons for Elementor is a game-changer in animation-focused web design. The blend of its advanced animations, customizable features, and unique functionality set it apart from competitors. Whether you’re a web developer, designer, agency owner, or website owner, the plugin caters to your holistic professional needs.

Animation Addons for Elementor: Must-Have Extensions for Enhanced Web Design

Once your website is designed with all the essential elements, enhance its functionality, animations, and appearance with our advanced extensions. Explore our carefully curated list of exclusive extensions that elevate your Elementor-powered site to the next level.

GSAP Extensions:

Smooth Scroller: Allow users to navigate web pages more smoothly and naturally.
Animation: Implement diverse, advanced animations for a visually appealing website.
Pin Element: Fix elements in a specific space during scrolling to keep them always visible.
Text Animation: Create smooth text effects to make headings and content more engaging.
Image Animation: Add dynamic animations to images to capture the user’s attention.
Cursor Hover Effect: Add unique hover animations based on the cursor to increase interactivity.
Hover Effect Image: Implement hover-specific image transformations for a modern touch.
Cursor Move Effect: Add immersive animations based on cursor movement.
Horizontal ScrollTrigger: Create animations when the user performs horizontal scrolling.
DrawSVG: Reveal or hide the stroke of an SVG progressively.
Portfolio Filter: Implement animated filters to organize and showcase portfolio items.
Animation Builder: Create and customize animations with an intuitive, user-friendly interface.

General Extensions:

Custom CSS: Add custom CSS styles directly within Elementor for precise design control.
Wrapper Link: Transform entire container sections into clickable links for seamless navigation.
Popup: Create engaging popups to enhance user interaction and showcase important content.
Tilt Effect: Tilt an element based on the visitor’s mouse movement for a dynamic visual experience.
Advanced Tooltip: Display additional information about elements when users hover over them.
Custom Fonts: Integrate unique custom fonts to maintain a consistent brand identity.
Mega Menu: Create a customizable, expansive mega menu for seamless navigation.

Animation Addons For Elementor Widget List

Take your website design to the next level with 86+ Elementor widgets. Whether you need dynamic sliders, service boxes, headers, portfolios, progress bars, breadcrumbs, accordions, post-feature images, or excerpts, Animation Addons got you covered.

Header and Footer Widgets;

Site Logo: Display the website’s logo prominently to establish brand identity and recognition.

Nav Menu: Present a collection of links or buttons that help users navigate different sections of the website easily.

Dynamic Widgets:

Post Title: Dynamically display the title of a specific post or page within the website’s layout.
Post Featured Image: Display the featured image associated with a specific post or page.
Post Excerpt: Show a summary or excerpt of a specific post or page.
Post Content: Present the core content, including text, images, videos, and other multimedia elements.
Post Comments: Enable users to leave comments, feedback, and engage in discussions on individual posts or pages.
Post Meta Info: Provide supplementary details about individual posts or pages.
Post Pagination: Break down content into manageable pages, allowing users to browse multiple posts.
Post Social Share: Enable social media sharing of individual posts or articles to expand reach and visibility.

Post: Showcase a list of blog posts or custom post types in multiple unique styles.

Archive Title: Dynamically display the title of an archive page based on specific criteria such as date, category, tag, or author.

Portfolio: Display pages, posts, and custom post types in a filterable grid.

Search Form: Provide users with a simple and intuitive interface to input search queries and retrieve relevant results.

Search Query: Display search results in real-time as users type their queries.

Search No Result: Offer helpful guidance and options when no relevant search results are found.

Form Widgets

Contact Form 7: Customize Contact Form 7 forms to match specific needs.

Mailchimp: Enable users to add opt-in forms to collect emails.

Video Widgets

Video Popup: Display a video in a popup to enhance engagement.

Video Box: Showcase external and self-hosted videos from various sources.

Video Box Slider: Create a slider with videos from multiple sources.

Video Mask: Apply transitions, visual effects, and isolate video elements.

Advanced Widgets

Toggle Switcher: Allow users to toggle between two mutually exclusive states (on/off).

Advanced Portfolio: Add a responsive portfolio slider or grid to showcase images, videos, or projects.

Table of Contents: Generate a list of navigation links to different sections of a page.

Flip Box: Provide interactive design effects such as flip, slide, fade, zoom-in, and zoom-out.

Advanced Accordion: Enable collapsible content sections for better organization.

Advanced Pricing Table: Display structured pricing information effectively.

Filterable Gallery: Create an attractive, well-organized image gallery.

Image Accordion: Display a series of images interactively and compactly.

Advanced Slider: Customize and create advanced-level sliders.

Scroll Elements: Implement scroll-driven interactions for enhanced engagement.

Breadcrumbs: Display the navigation path to the current page.

Author Box: Show detailed information about the author of a post or page.

Filterable Slider: Allow users to filter data by removing unwanted content.

General Widgets

Animated Title: Animate your titles with effects such as fade, character-based animation, word animation, text reveal, 3D movement, and more.

Animated Text: Animate text with various effects, including fade, character-based animation, word animation, text reveal, and more.

Image Box: Present images with unique animations in five different styles.

Image Box Slider: Showcase images in a slider with five different styles.

Image: Display images such as company logos, photos, or illustrations in PNG, JPEG, WebP, or GIF format.

Image Gallery: Create an image gallery with multiple styles and animations.

Brand Slider: Showcase client or brand logos in a stylish slider with text and image options.

Text Hover Image: Add a text overlay to an image on hover.

Counter: Add an animated numbered counter to display statistics dynamically.

Icon Box: Showcase information using icons, titles, and descriptions in multiple styles.

Testimonial: Display client feedback with 15 unique styles.

Button: Add modern buttons with seven different styles.

Image Compare: Compare two images side by side to highlight differences.

Progress Bar: Display progress or completion status of tasks or processes in various styles.

Social Icons: Add social media icons that link to your profiles.

Team: Showcase your team in style to build credibility effortlessly.

One Page Nav: Simplify navigation with a smooth scrolling effect.

Timeline: Create visually appealing timelines for events or personal journeys.

Tabs: Enhance navigation and improve user experience with tabbed content.

Services Tab: Present services effectively with multiple styling options.

Floating Elements: Add captivating animations like floating, moving, zooming in/out, and rotation.

Event Slider: Showcase special events with dynamic sliders.

Content Slider: Create seamless content sliders for showcasing information effectively.

Countdown: Add countdowns to create excitement for upcoming events or promotions.

Typewriter: Display a typing effect to engage users dynamically.

Animated Heading: Create eye-catching and engaging animated headlines.

Animation Addons for Elementor: Key Features

Massive Website Template Library

Animation Addons for Elementor offers an extensive collection of high-quality templates, designed to streamline website creation. With 100+ pre-built website templates, you can launch a fully designed website in seconds using the one-click demo import feature.

🔹 10,000+ Section Templates – Mix and match to create a unique design effortlessly.
🔹 2,000+ Page Templates – Choose from a diverse range of ready-made pages to suit any niche.

This template library is specifically crafted for developers, designers, and agencies to build professional websites without writing a single line of code. 🚀

GSAP Animation Features in Animation Addons

🚀 Enhance your website with GSAP-powered animations in Animation Addons for Elementor. Create smooth motion effects, interactive scroll animations, dynamic text transitions, and stunning SVG effects—all without coding.

🎨 Core Animation Features
🔹 Tweens, Timelines & Keyframes
🔹 Stagger, Delay & Easing Effects
🔹 Loop, Reverse & Duration Control

🔄 Scroll-Based Animations
🔸 ScrollTrigger – Animate on scroll
🔸 ScrollSmoother – Enhance scrolling
🔸 ScrollTo – Smooth scroll navigation

✏️ SVG & Shape Animations
🟢 MorphSVG – Shape transformations
🟢 DrawSVG – Animated stroke effects
🟢 MotionPath – Custom path animations

🔤 Text Animations
🔠 SplitText – Break text into animations
🔠 ScrambleText – Dynamic text effects
🔠 Text Move & Invert – Unique typography

🌀 3D & Transform Effects
🔵 3D Rotation, Scaling & Spin
🔵 Perspective & Motion Enhancements

💡 Unlock next-level animations with Animation Addons for Elementor!

86+ Elementor Widgets:

Unlock endless design possibilities with 86+ advanced Elementor widgets. From dynamic sliders, service boxes, and portfolio grids to progress bars, accordions, and featured post images, these widgets enhance user engagement and optimize website functionality without the need for coding.

Custom Animation Builder:

The Custom Animation Builder is a powerful tool that allows WordPress users to create stunning GSAP-powered animations without any coding. This intuitive builder integrates the full potential of GSAP (GreenSock Animation Platform), enabling you to craft smooth transitions, complex timelines, and advanced animations like never before. Key features include ScrollTrigger for scroll-based animations, MorphSVG for shape transformations, DrawSVG for dynamic SVG animations, SplitText for text effects, ScrambleText for engaging typography, ScrollSmoother for smooth page scrolling, and 3D Transformations for depth and perspective adjustments. With easy-to-use controls, the Custom Animation Builder gives you complete creative freedom to elevate your website’s design and interactivity without writing a single line of code.

Advanced Website Builders for Complete Customization

Animation Addons for Elementor provides powerful website builders to design custom headers, footers, mega menus, archive pages, single post layouts, and popups —without writing a single line of code. The Header & Footer Builder enables seamless branding with logos, menus, and call-to-action buttons, while the Mega Menu Builder creates expandable, visually rich navigation with icons and animations.

The Archive Page Builder simplifies designing category, taxonomy, and tag archive templates, while the Single Page & Post Builder gives full control over content structure and animations. Additionally, the Popup Builder helps craft high-converting, fully customizable pop-ups with advanced design and targeting options. These intuitive tools make website building effortless in Elementor!

Smooth Scrolling Effects:

Add a sleek and modern touch to your scrolling experience with the smooth scrolling feature of the addons. It’s ideal for long-form content or one-page designs, where things move from one section. Smooth scrolling significantly minimizes sudden jumps and improves flow.

Pin Elements:

Use the pinning elements to keep the important content always visible. This Elementor animation plugin ensures that key elements like a sticky navigation bar, promotional banner, or call-to-action button remain accessible as users scroll through your site.

One Page Scroll:

Create modern, one-page websites with the one-page scroll feature of the Animation Addons. This tool lets you build fluid navigation with easy transitions as you can scroll through an entire page at once.

Why Use Animation Addons for Elementor?

Custom CSS:

Animation Addons for Elementor empower you to take full control in custom CSS. You can personalize your website just the way you like by changing layouts, colors, animations, and typography. It offers pinpoint accuracy to build a website that meets your specific vision.

Completely Customizable:

Experience unrivaled versatility with fully customizable design options. A website built with the help of the comprehensive customizability of Animation Addons for Elementor is always incredibly beautiful to look at.

Multi-Widget Area:

Animation Addons for Elementor focuses on maximizing your website’s overall functionality with a multi-widget area. You can insert multiple widgets in different areas of your website anytime you desire

Instant Loading:

Animation Addons for Elementor is built to minimize delays and let you experience immediate loading times. Unlike other animation plugins, our plugin is super fast and SEO-friendly. With a view to keeping visitors engaged and reducing bounce rates, the plugin will make your content appear quickly.

This plugin using the modified version of [WP import 2.0] (https://github.com/humanmade/WordPress-Importer).

Снимки на разширението

  • Preset Animations Instantly apply ready-made animations without any hassle.
  • Animation Builder Build unlimited custom animations with intuitive controls and complete flexibility.
  • Pre-Built Templates Choose from a rich collection of ready-to-use animation templates to save time and effort.
  • Extensions Enhance functionality with essential add-ons and pro features to supercharge your animations.
  • Powerful Dashboard Organize, manage, and monitor all your animations in one sleek and easy-to-use dashboard.
  • Widget Settings Panel Advanced controls and customization for each animation widget to fine-tune effects as you like.
  • **Section Import (Live Copy)* One-click live copy & import of pre-designed animation sections directly into your projects.

Инсталиране

Minimum Requirements

  • WordPress 6.5 or greater
  • PHP version 7.4 or greater
  • MySQL version 5.0 or greater

Recommended Requirements

  • PHP version 8.1 or greater
  • MySQL version 5.6 or greater
  • WordPress Memory limit of 128 MB or greater (512 MB or higher is preferred)

Installation

Note: This plugin requires Elementor to function. Please ensure Elementor is installed and activated before proceeding.

  1. Install the plugin directly from the WordPress Plugins screen, or manually upload the plugin files to /wp-content/plugins/animation-addons directory.
  2. Activate the plugin from the Plugins section in your WordPress dashboard.
  3. Access all settings via the admin sidebar under Animation Addons.
  4. Find all widgets categorized as AAE pro, AAE, AAE Header & Footer, AAE Archive, AAE Single, AAE Search inside the Elementor editor.

For any questions, visit our FAQ page or reach out via our Contact Form. 🚀

ЧЗВ

What is Animation Addons for Elementor?

Animations Addons for Elementor is a cutting-edge WordPress plugin that enhances the built-in Elementor functionality. It’s packed with advanced widgets, pre-designed builders, and custom animations to empower users to build dynamic, interactive, and professional websites. All the widgets and features cater to enhancing the functionality, interactivity, and design aesthetics of websites.

Some of its premium widgets include Advanced Accordion, Advanced Portfolio, Toggle Switcher, Table of Content, Flip Box, Filterable Slider, Video Mask, and so on. The Elementor Addons also has an intuitive widget to create a mega menu. It enables users to easily create and customize mega menus by adding layouts, animations, and other functionality.

Why Animation Addons for Elementor is the Best Plugin for WordPress Animation?

Animation Addons for Elementor combines GSAP’s animation power with Elementor’s user-friendly design, which makes it the ultimate tool for WordPress animations.

Here’s why it’s the best WordPress animation plugin:

Seamless Elementor Integration: Easily animate any element without coding.

Extensive Animation Library: Pre-built animations for diverse design needs.

GSAP-Powered Features: Access advanced tools like ScrollTrigger, ScrollSmoother, MotionPath, SplitText, ScrollTo, Observer, Draggable, ScrambleText, DrawSVG, Easing Effects, and MorphSVG.

Advanced Control: Manage timelines, easing functions, and triggers with precision.

Optimized for Performance: Ensures smooth animations without impacting site speed.

Developer-Friendly: Offers intuitive previews for beginners and custom options for experts.

Regular Updates: Actively maintained with frequent updates and excellent 24/7 chat support.

How do Animation Addons for Elementor outperform other GSAP plugins for WordPress?

Animation Addons for Elementor outperforms other GSAP plugins for WordPress in several key ways:
Complete GSAP Integration: Unlike other plugins, it fully integrates with GSAP’s suite of features, offering tools like ScrollTrigger, ScrollSmoother, MotionPath, MorphSVG, and Flip, providing greater flexibility and control over animations.

Performance-Focused: Built to ensure high-performance animations, it avoids the performance issues that some other plugins might introduce by offering smooth, fluid animations that don’t impact site speed.

Superior Ease of Use: While other GSAP plugins may require extensive coding, Animation Addons for Elementor provides an intuitive interface with visual previews, allowing for easy animation creation without any development knowledge.

Advanced Control Over Animations: It offers granular control over animation sequences, timelines, and triggers, giving designers and developers the ability to create complex, custom animations with precision.

Frequent Updates: Unlike some other plugins that lack regular updates, this plugin is consistently improved, with new features and bug fixes released to ensure long-term reliability and compatibility with WordPress and Elementor.

How do I enable smooth scrolling with Animation Addons for Elementor?

To enable smooth scrolling, go to Animation Addons > Settings in your WordPress dashboard. Then navigate to the “Extensions” tab. Under the “Gsap Extension” option, enable the “Smooth Scroller” option. Finally, click on “Save Settings” to activate the effect.

Can I use Animation Addons for Elementor without any coding experience?

Yes, you can use Animation Addons for Elementor without any coding experience. The plugin is designed with a user-friendly interface that allows you to create stunning animations easily through Elementor’s drag-and-drop editor. You can select from a wide range of pre-built animations, customize them visually, and apply them to any element on your page—no coding required. The intuitive setup and real-time visual previews make it simple for anyone, regardless of coding knowledge, to create professional animations.

What types of animations can I add with Animation Addons for Elementor?

You can animate anything with our addon. It empowers you to add a wide variety of advanced animations, including scroll-triggered animations, hover effects, and other custom animations tailored to your unique design needs. From text to image, you can animate everything you want.

Do the Animation Addons For Elementor have any issues with performance, speed, and CLS?

No, our Elementor Addons ensure the best website speed & performance. Despite using GSAP and other animations like Lottie, it doesn’t affect the loading times. Our animations are SEO-friendly and lightweight. Our plugin also complies with CLS (Cumulative Layout Shift) to ensure the Core Web Vital performance.

How do I resolve plugin conflicts or errors?

To resolve a conflict or error, you have to download the latest version of Animation Addons for Elementor and Elementor plugins. We continuously update our plugin with new features and animations.

Is there any documentation or support available for the plugin?

Yes, our website provides detailed, easy-to-understand documentation and dedicated 24/7 support to troubleshoot technical issues.

Can I use the plugin without Elementor Page Builder?

No. You cannot use it without Elementor since it’s an addon for Elementor.

Do I need to know the code to use Animation Addons for Elementor?

You don’t need to know the code to use the widgets and modules of Animation Addons for Elementor. That means, without any coding expertise, you can leverage all the elements to enhance your web design experience.

Отзиви

22.03.2025
I’ve been using the Animation Addons for Elementor by Wealcoder for a while now, and it has been a fantastic experience. The animations are smooth and easy to apply, with a good variety to choose from. They blend seamlessly with Elementor, so there’s no learning curve—just plug and play. Additionally, the add-ons are lightweight, which means they won’t slow down your site, which is a significant advantage. If you’re looking to add some vibrancy to your pages, I highly recommend giving it a try.
21.03.2025
I started using this plugin after trying the theme by the same author for my website. I really like the animation effects, as they allow me to achieve great results without having to write code for the WordPress sites I create. It’s a fantastic tool that helps me optimize my workflow while delivering visually stunning results. I’m very happy with it!
20.03.2025
I have been doing web design for many years. I have used different products. This plugin is really great. It has great tools to make interactive websites for users. Thank you for your efforts.
Прочетете всички 7 отзива

Сътрудници и разработчици

“Animation Addons for Elementor” е софтуер с отворен код. Към разширението са допринесли следните хора:

Сътрудници

Превеждане на “Animation Addons for Elementor” на вашия език.

Имате интерес към разработване?

Преглеждане на кода, разглеждане на SVN хранилище, или абонамент към програмната история (log) чрез RSS.

Списък с промени

v2.1.2 – 25 March 2025

  • 🔄 Updated: Banner and dashboard updated
  • 🔄 Updated: Live Copy Support current container index

v2.1.1 – 20 March 2025

  • 🔄 Updated: intro video and price tab
  • 🔄 Updated: Update template Library vps path

v2.0 – 13 March 2025

  • Removed: GoodShare Library from social share widget
  • 🔄 Updated: Updated Dashboard UI
  • 🆕 New Feature: Added Template Library
  • 🆕 New Feature: Added Live Copy Paste
  • 🆕 New Feature: Added Dynamic Tags

v1.1.9 – 20 February 2025

  • 🔄 Updated: Upgraded SweetAlert.js and Typed.js to the latest versions for improved performance and security.
  • Compatibility: Verified full compatibility with Elementor core.
  • Removed: Deprecated donation link for a cleaner user experience.
  • 🔒 Fixed: Resolved nonce security vulnerabilities to enhance website security.

v1.1.8 – 17 December 2024

  • 🎨 Fixed: Resolved Swiper slider styling issues for better mobile and desktop responsiveness.
  • Compatibility: Ensured smooth integration with Elementor core.

v1.1.7 – 10 December 2024

  • 🔒 Security Fixes:
    • Patched security vulnerabilities in Tab Widget and Content Slider Widget.
    • Implemented additional security layers for safer user interaction.
  • 🆕 New Feature: Added role-based access control for template selection in Tab and Content Slider Widgets.

v1.1.6 – 27 November 2024

  • 🛠️ Fixed: Corrected text domain issues for better multilingual support.
  • Tested: Conducted compatibility tests with WordPress and Elementor updates.

v1.1.5 – 22 October 2024

  • 🚀 Performance Boost: Optimized Social Share Widget for faster loading speed and improved SEO performance.

=v1.1.4 – 22 October 2024 =
– 🆕 New Addition: Added a download link for the „Extension for Animation Addons“ plugin, enabling GSAP animation features.

v1.1.3 – 21 October 2024

  • 🎨 UI Enhancements:
    • Introduced responsive title margin controls in the Counter Widget for improved layout customization.
  • 🔄 Bug Fixes:
    • Resolved meta description duplication issue for better SEO indexing.
    • Fixed GoodShare console errors to prevent script conflicts.

v1.1.2 – 22 September 2024

  • 🎨 UI Enhancement: Added responsive input field height controls in the Contact Form 7 Widget for better mobile optimization.

v1.1.1 – 14 September 2024

  • Performance Upgrade:
    • Replaced the outdated Waypoints.js library with the native Intersection Observer API for faster and more efficient animations.
  • 🛠️ Fixed: Progress Bar Widget issue where progress was not displaying correctly.

v1.0.0 – 1 April 2024

  • 🚀 Initial Release