=== Animation Addons for Elementor – Elementor V4 Atomic Widgets, GSAP Animations & Templates ===
Contributors: wealcoder, habib00, wcrayhan, ahsanriad
Donate link: https://buy.stripe.com/3cs3dI7DQauI0py9AC
Tags: elementor, elementor v4, atomic widgets, elementor addons, elementor templates
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
Stable tag: 4.2.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

Elementor V4 addon with Atomic Widgets, GSAP animations, Elementor V4 templates, extensions, forms, dynamic content, and performance controls.

== Description ==

Animation Addons for Elementor is a complete **Elementor V4 addon** built **Natively for Elementor V4**, with Atomic Widgets, reusable design systems, GSAP animations, Elementor V4 templates, dynamic content, forms, and extensions for building modern WordPress websites

The new Elementor V4 toolkit is built for the Atomic Editor workflow. It works with reusable Classes, Variables, responsive styling, and Atomic Elements while continuing to support existing Elementor websites.

Elementor Free is required. Elementor Pro is not required for the Animation Addons V4 Atomic Widgets.


[Elementor V4 Templates](https://animation-addons.com/)
[Elementor V4 Toolkit](https://animation-addons.com/) 

###Built for Elementor V4 and the Atomic Editor

Elementor V4 introduces a more scalable workflow based on Atomic Elements, reusable Classes, Variables, responsive controls, and a unified styling system.
= Animation Addons extends that workflow with: =
* 40+ Elementor V4 Atomic Widgets.
* Atomic animation and interaction extensions.
* 30+ Elementor V4 full website templates.
* 500+ Elementor V4 section templates
* GSAP-powered animation controls.
* Loop Grid filters and dynamic content tools.
* Popup Builder.
* Header Footer Builder.
* Atomic Nested Slider. 
* WooCommerce Atomic Widgets (coming).
* Form Builder and form extensions. 
* Performance and reduced-motion options.
* Existing Elementor V3 100+ widgets for projects that still need them.
* Existing Elementor V3 300+ full website templates
 
https://youtu.be/gFRQb_UteKs

### 40+ Elementor V4 Atomic Widgets Built Natively for Elementor V4

Explore 40+ Elementor V4 Atomic Widgets built natively for the Elementor V4 Atomic Editor. Create content, dynamic layouts, forms, navigation, sliders, videos, and GSAP-powered interactions using reusable Classes, Variables, and responsive controls.

### Content & UI Atomic Widgets =

* **Atomic Counter** – Create animated number counters for stats, achievements, and metrics.
* **Atomic Advanced Heading** – Build styled Elementor V4 headings with flexible typography and layouts.
* **Atomic Accordion** – Create responsive accordions for FAQs and expandable content.
* **Atomic Icon List** – Build customizable icon lists for features, benefits, and navigation.
* **Atomic Social Share** – Add social sharing buttons to Elementor V4 pages.
* **Atomic Image Compare** – Create interactive before-and-after image comparisons.
* **Atomic Countdown** – Add countdown timers for launches, events, and offers.
* **Atomic Timeline** – Build structured timelines for events, processes, and milestones.
* **Atomic Progress Bar** – Display animated progress bars for skills, goals, and statistics.
* **Atomic Toggle Switcher** – Create content, pricing, and feature toggle switches.
* **Atomic Button** – Build customizable Elementor V4 buttons with flexible styling.
* **Atomic Button Pro** – Create advanced buttons with additional effects and interactions.
* **Atomic Curved Text** – Display curved or circular text for creative layouts.
* **Atomic Google Maps** – Add Google Maps directly inside Elementor layouts.
* **Atomic Flip Box** – Create interactive flip boxes with front and back content.
* **Atomic Image Hotspot** – Add interactive hotspots and information points to images.
### Interaction & Animation Atomic Widgets

* **Atomic Offcanvas** – Create off-canvas menus, panels, and hidden content areas.
* **Atomic Stack Cards** – Build animated stacked-card layouts with scroll interactions.
* **Atomic Lottie** – Add lightweight Lottie animations to Elementor V4 pages.
* **Atomic Draw SVG** – Create SVG drawing animations with GSAP.

### Form Atomic Widgets

* **Atomic Search Form** – Add customizable WordPress search forms to Elementor.
* **Atomic Form** – Build flexible forms directly inside the Elementor V4 editor.

### Dynamic Content Atomic Widgets

* **Atomic Posts Grid** – Display WordPress posts in responsive grid layouts.
* **Atomic Loop Grid** – Build dynamic Elementor V4 loop layouts for posts and custom content.

###Blog Atomic Widgets 

* **Atomic Post Title** – Display dynamic WordPress post titles in templates.
* **Atomic Search Query** – Display the current WordPress search query dynamically.
* **Atomic Post Content** – Add dynamic post content to Elementor templates.
* **Atomic Post Image** – Display featured images dynamically in post layouts.
* **Atomic Post Pagination** – Add navigation between WordPress posts and content.
* **Atomic Table of Contents** – Generate structured navigation for long-form content.

###Header & Footer Atomic Widgets

* **Atomic WP Menu** – Display WordPress menus inside Elementor V4 layouts.
* **Atomic Nav** – Build flexible navigation menus for headers and websites.
* **Atomic Site Logo** – Display your WordPress site logo dynamically.

###Slider Atomic Widgets 

* **Atomic Loop Grid Slider** – Turn dynamic Loop Grid content into responsive sliders.
* **Atomic Nested Slider** – Build flexible sliders with nested Elementor content.
* **Atomic Stack Cards** – Create interactive stacked-card slider experiences.

###Video Atomic Widgets

* **Atomic Video Mask** – Create masked video layouts for modern Elementor designs.
* **Atomic Video** – Add responsive videos with customizable controls and layouts.

###Elementor V4 Loop Filter Atomic Widgets

Build advanced filtering experiences for Elementor V4 Loop Grid layouts with Atomic Loop Filter Widgets.

* **Atomic Taxonomy Filter** – Filter Loop Grid content by categories, tags, and custom taxonomies.
* **Atomic Author Filter** – Filter posts and dynamic content by author.
* **Atomic Field Filter** – Filter Loop Grid results using custom field values.
* **Atomic Date Filter** – Filter posts and content by date or date range.
* **Atomic Search Filter** – Add keyword search for Loop Grid and dynamic content.
* **Atomic Sort Filter** – Sort Loop Grid results by supported content fields.
* **Atomic Result Count** – Display the number of matching Loop Grid results.
* **Atomic Active Filters** – Show currently selected filters with easy removal options.
* **Atomic Filter Drawer** – Display filters inside a compact off-canvas filter panel.

These filters are designed for dynamic Elementor V4 layouts and can update Loop Grid results without a full page reload.

### GSAP Animations for Elementor 
Animation Addons brings a complete GSAP-powered motion system directly into the Elementor V4 Atomic Editor, allowing you to create advanced, high-performance animations without writing custom JavaScript.

Animation capabilities include:

🌟 ScrollTrigger
🎨 GSAP Animation Builder
🎬 Preset Animation
⚡ Smooth Scrolling
🌐 Horizontal Scrolling
📌 Sticky Elements
⏳ Timeline-Based Animation
✂️ Split Text Animation & Text Scramble
🔄 Flip Animation & Draggable
 🛒 Scroll To Animation 
🎥 Lottie Animation
🖼️ DrawSVG Animation & Morph SVG
➡️ Motion Path Animation
📏 Stagger Animation
🌪️ Scroll Smoother
🌍 Parallax Effects
🎥 Nested Elements 
🎞️ Clip Path Animation 
📸 Image Sequence Animation 
🌟 Reveal Animation
🌫️ Bounce & Fade Animation 
✨ Cursor Hover, Cursor MoveEffect and Custom Cursor Effects]

###Elementor V4 Extensions

= Animation and interaction extensions: = 
* **Regular Animation** – Add flexible entrance and motion effects.
* **Parallax** – Create smooth scroll-based parallax effects.
* **Text Animation** – Animate headings and text visually.
* **Image Animation – Add motion effects to images.
* **Horizontal Scroll Animation – Create horizontal scrolling sections.
* **Image Hover – Add interactive image hover effects.
* **Sticky Pin Element** – Keep elements fixed while scrolling.
* **Cursor Hover Effect** – Add cursor-based hover interactions.
* **Mouse Move Effect** – Move elements with cursor movement.
* **Advanced Tooltip** – Add customizable interactive tooltips.
* **Tilt** – Create 3D tilt effects on hover.
* **Scroll To** – Smoothly scroll to target sections. 
* **Popup** – Create custom Elementor popups.
* **Background Video** – Add video backgrounds to sections.

= Form Extensions =

* **Conditional Display** – Show or hide fields based on conditions.
* **Validation Pro** – Add advanced form validation rules.
* **Create User** – Create WordPress users from form submissions.

= Utility Extensions & Tools =

* **Dynamic Tags Atomic** – Add dynamic WordPress data to Elementor V4.
* **Mask Atomic** – Apply creative masks to elements.
* **Custom CSS** – Add custom CSS directly to elements. 
* **Custom Fonts** – Upload and use custom fonts.
* **Post Type Builder** – Create custom post types visually.
* **Custom Icon** – Upload and use custom icon sets.
* **Code Snippet** – Add custom CSS, JavaScript, or HTML snippets.

###Elementor V4 Templates

= The V4 toolkit includes: =

* 30+ Elementor V4 website templates.
* 500+ Elementor V4 section templates.
* Atomic Editor layouts using reusable Classes and Variables.
* Responsive Elementor V4 layouts.
* Template importing with design-system information.
* Optional local importing of supported template assets.

Animation Addons also includes an existing library of 100+ Elementor widgets and 300+ starter templates. Those legacy assets are separate from the dedicated Elementor V4 Atomic Widget and template library.

### Form Builder

Build forms visually inside Elementor.

Available capabilities include:

* **Form widget**
* **Conditional Display**
* **Custom validation**
* **Custom validation messages**
* **Date and time fields**
* **Create User actions**
* **Mailchimp integration**
* **Brevo integration**
 
### Performance Controls 

Animation Addons is modular so site owners can enable only the widgets and extensions they need.

Performance-focused features include:

* Widget and extension enable/disable controls.
* Lazy animation loading.
* Reduced-motion support.
* Per-page performance controls.
* Widget and extension usage information.
* Cache compatibility controls.
* GSAP library display conditions.
* Performance diagnostics.

Actual front-end performance depends on the widgets, animations, media, theme, hosting, caching configuration, and other plugins used on the website.

### Existing Elementor Widget Library

In addition to the Elementor V4 Atomic toolkit, Animation Addons includes an established Elementor widget library for existing projects.

Examples include Image Box, Image Gallery, Brand Slider, Image Compare, Counter, Progress Bar, Countdown, Advanced Pricing Table, Button, Icon Box, Tabs, Advanced Accordion, Toggle Switcher, Content Slider, Nested Slider, Testimonial, Team, Nav Menu, Breadcrumbs, Post widgets, Portfolio, Search Form, Contact Form 7, Mailchimp, Weather, Animated Text, Animated Heading, Typewriter, Video, Video Mask, Flip Box, Stack Cards, and more.

### Who Is Animation Addons For?

Animation Addons is built for Elementor V4 users, WordPress designers, freelancers, agencies, developers, WooCommerce builders, no-code creators, and teams building reusable Elementor design systems.

= Documentation and Support =

Documentation:
https://animation-addons.com/docs/

Elementor V4:
https://animation-addons.com/v3/

Support:
https://crowdyflow.ticksy.com/

### Trusted By Leading WordPress & Elementor Creators
Animation Addons is trusted and reviewed by top WordPress & Elementor educators who actively demonstrate real-world animation workflows.

#### Featured & Reviewed By:
= Matt Tutorials =
https://youtu.be/ybLh_8AqUno

= Andrea Egli =
https://youtu.be/LD2mr5dHEng

= Hamza - GoTechUG =  
https://youtu.be/0pnF5PUTghE

= Buddydevelopers =

https://youtu.be/ml_irWYVam0

== Installation ==

= Minimum Requirements =

* WordPress 6.6 or greater
* PHP 7.4 or greater
* MySQL 5.7 or greater
* Elementor

= Installation =

1. Install Animation Addons for Elementor from the WordPress Plugins screen.
2. Activate the plugin.
3. Make sure Elementor is installed and activated.
4. Open Animation Addons from the WordPress admin menu.
5. Enable the widgets and extensions you need.
6. Open a page with Elementor.
7. For Elementor V4, enable the Atomic Editor experience from Elementor settings.
8. Add Atomic Widgets, extensions, templates, forms, or GSAP animations to the page.

== Frequently Asked Questions ==

= Is Animation Addons built for Elementor V4? =

Yes. Animation Addons includes a dedicated Elementor V4 toolkit with Atomic Widgets, Atomic extensions, Elementor V4 templates, forms, dynamic tools, and GSAP-powered animation features.

= What are Elementor V4 Atomic Widgets? =

Atomic Widgets are elements designed for Elementor's Atomic Editor workflow. They work with the newer styling system, including reusable Classes, Variables, and responsive controls.

= Does Animation Addons support Elementor V4 Classes and Variables? =

Yes. The V4 workflow is designed around Elementor Classes and Variables, including template imports that can carry design-system information.

= Do I need Elementor Pro? =

No. Elementor Free is required, but Elementor Pro is not required for the Animation Addons V4 Atomic Widgets.

= Can I use Animation Addons with existing Elementor V3 pages? =

Yes. Elementor V4 Atomic Elements can coexist with existing Elementor widgets. Animation Addons also keeps its existing widget library for projects that still use the previous Elementor workflow.

= Does Animation Addons include GSAP animations for Elementor? =

Yes. It includes GSAP-powered tools for scroll, text, image, hover, parallax, timeline, SVG, motion-path, sticky, and interaction-based animation. Availability depends on the Free or Pro feature.

= Can I animate Elementor V4 Atomic Elements? =

Yes. Atomic extensions include Regular Animation, Text Animation, Image Animation, Parallax, Horizontal Scroll, Sticky, Tilt, Mouse Move, Cursor Hover, Scroll To, and more.

= Can I disable unused widgets and extensions? =

Yes. The dashboard lets you switch individual widgets and extensions on or off.

= Does it include Elementor V4 templates? =

Yes. The V4 toolkit includes 30+ Elementor V4 website templates and 500+ Elementor V4 section templates.

= Are the existing 100+ widgets Elementor V4 Atomic Widgets? =

No. The 100+ existing widgets belong to the established Animation Addons library. The dedicated Elementor V4 library is a separate set of Atomic Widgets built for the V4 workflow.

= Are the existing 300+ starter templates built for Elementor V4? =

No. The existing starter templates are part of the earlier Animation Addons library. The V4 toolkit separately includes 30+ Elementor V4 website templates and 500+ Elementor V4 sections.

= Does it support WooCommerce with Elementor V4? =

Yes. Animation Addons Pro includes Atomic WooCommerce widgets for Product Price, Product Rating, Product Badge, Product Stock, Add to Cart, and Variation Swatches.

= Does it include Loop Grid filters? =

Yes. Animation Addons Pro includes nine Atomic Loop Filter widgets: Taxonomy, Author, Field, Date, Search, Sort, Result Count, Active Filters, and Filter Drawer.

= Can I use Animation Addons without coding? =

Yes. Most widget, template, extension, form, and animation controls are available visually inside Elementor.

= What snippet types are supported in Code Snippets? =

The free plugin supports CSS, JavaScript, and HTML snippets. PHP snippet execution is an advanced feature available in Animation Addons Pro.

== Screenshots ==

1. Elementor V4 Atomic Widgets dashboard.
2. Elementor V4 animation and interaction extensions.
3. Atomic Widget controls inside Elementor.
4. GSAP animation controls.
5. Elementor V4 template library.
6. Form Builder and form extensions.
7. Dynamic Loop Grid and filters.
8. Performance controls and usage information.

== External Services ==

Services are contacted only when their feature is used.

= 1. Feature Requests =
animation-addons.com
Sends: name, email, request.
Terms: https://animation-addons.com/terms-and-conditions/
Privacy: https://animation-addons.com/privacy-policy/

= 2. Template Library =
block.animation-addons.com
Sends: template/category, API version, language.
Terms: https://animation-addons.com/terms-and-conditions/
Privacy: https://animation-addons.com/privacy-policy/

= 3. Starter Templates =
themecrowdy.com
Sends: search term, template ID. Imports template files and media.
Terms: https://animation-addons.com/terms-and-conditions/
Privacy: https://animation-addons.com/privacy-policy/

= 4. OpenWeatherMap =
api.openweathermap.org
Sends: location and API key.
Terms: https://openweathermap.org/terms
Privacy: https://openweathermap.org/privacy-policy

= 5. Mailchimp =
api.mailchimp.com
Sends: email and mapped form fields.
Terms: https://mailchimp.com/legal/terms/
Privacy: https://mailchimp.com/legal/privacy/

=6. Video Services = 

YouTube: https://www.youtube.com/t/terms
Vimeo: https://vimeo.com/terms
Dailymotion: https://legal.dailymotion.com/en/terms-of-use/
VideoPress: https://wordpress.com/tos/

= 8. Google Maps =
maps.google.com
Loads the configured map in an iframe.
Terms: https://policies.google.com/terms
Privacy: https://policies.google.com/privacy 

== Source Code ==

Human-readable source.

Build with Node.js 18+:

npm install
npm run build
npm run build-win
npm run start
npm run release

Source locations:

* /src → /assets/build
* /inc/AtomicWidgets → /assets/atomic
* /assets/src → /assets/js and /assets/css

Dependencies and build scripts are in package.json, webpack.config.js, and gulpfile.js.

Source:
https://github.com/Wealcoder/animation-addons-for-elementor

Vendored libraries:

* CodeMirror 5.65.16: https://github.com/codemirror/codemirror5
* Select2 4.1.0: https://github.com/select2/select2

== Changelog ==

= 4.2.4 =
* Fixed: Starter Template import now says "Theme ready" when the template's theme is already your active theme, instead of asking you to install it.

= 4.2.3 =
* Added Section Template v4 Filter.
* Improved: The Template Library lists Elementor V3 and V4 templates together; the version your site uses is simply the one selected first.
* Changed: Image Animation now runs from Animation Addons Pro. The free plugin keeps its settings in the editor.
* Fixed: The "Choose how to apply styles" dialog was unreadable in Elementor's dark mode.
* Fixed: Activating the plugin while Animation Addons Pro was already active reported "unexpected output during activation".
* Fixed: Translator notes for the Template Library strings, and numbered placeholders so a translation can reorder them.
* Fixed: Direct-access protection on the image import helper file.

= 4.2.2 =
* Fixed compatibility with older Animation Addons Pro releases.
* Improved multilingual dashboard stability.
* Improved form-table upgrade handling.
* Improved Starter Template import error reporting. 

= 4.2.1 =
* Added unique `aaeaddon` prefixes across plugin-defined functions, classes, constants, and namespaces.
* Improved security checks across public and editor-facing requests. 
* Improved compatibility when Eliminator is disabled. 

= 4.1.0 =
* Moved Elementor dependency handling to WordPress dependency support.
* Removed activation/deactivation tracking and remote dashboard requests. 
* Improved security, translation readiness, and admin loading.

= 4.0.0 =
* Added Elementor V4 Atomic Widgets & animation extensions. 
* Added Elementor V4 template import with Classes and Variables.
* Added Form Builder, Code Snippets, Custom Fonts, Custom Icons, and Post Type Builder.
* Added animation performance controls including lazy loading and reduced-motion options.

== Upgrade Notice ==

= 4.2.2 =
Recommended update for compatibility, stability, Starter Template importing, and Elementor V4 workflows.
