Atomic Element · Free
From a quote slider to a 3D product fan or an endless logo strip, built from your own Elementor 4 Classes and Variables. Runs on Elementor Free.
The short answer
The Elementor nested slider from Animation Addons is an Elementor 4 Atomic Element that turns a row of containers into a carousel. Each slide accepts any element, while arrows, dots, counter and progress bar are separate atomic children. Five effects (Slide, Coverflow 3D, Card 3D, Perspective, Marquee) can change per breakpoint.
Many "Elementor V4 compatible" addons are classic v3 widgets running inside the new editor. The Animation Addons for Elementor Nested Slider is a native Atomic Element: every slide and control sits in the Navigator.
| Plan | Free On a free site you can author up to 3 slides per slider; a Pro licence removes the cap. Sliders already published keep all their slides if a licence lapses |
|---|---|
| Element type | Native Elementor 4 Atomic Element (nested container) |
| Works with | Elementor Free and Elementor Pro, Atomic Editor on |
| Child elements | Slider Track, Slide, Prev/Next Nav, Pagination with Dot, Indicators (Slide Counter, Slider Progress, Slider Percentage) |
| Effects | Slide, Coverflow 3D, Card 3D, Perspective, Marquee (Continuous Scroll) |
| Interaction | Arrows, dots, mouse drag, touch swipe, left and right arrow keys, autoplay that pauses on hover and focus |
| Responsive | Every slider setting can differ per breakpoint |
| Runtime | CSS transforms and transitions, no GSAP or third-party slider library |
| Plugin version | Animation Addons for Elementor 4.3 · Last updated October 2026 |
Demo variations
Ideas you can build today with the Nested Slider and native Elementor 4 elements. Cards marked Pro add an Animation Addons Pro extension or element; the rest work on the free plugin.
One quote card at a time with a round patient photo and name; dots below, slim arrows at the sides. Advances every five seconds, stops on hover.
Three album covers; the centre one faces the visitor while its neighbours fan back like sleeves on a shelf. One flat cover on phones.
Speaker cards stacked like a deck; the ones behind are smaller and tilted. Swipe or drag to bring the next forward.
A grey line of client logos gliding left without stopping; hovering pauses it. No arrows or dots.
Wide panels with a screenshot and copy; side panels turn away into depth, with a "02 / 05" counter and a thin progress line below.
Three full-width slides with headline, line and button; a "33%" readout and a progress bar show how far through the story the visitor is.
Features
Every option below is a real control in the Nested Slider panel or part of how the element renders. Nothing here needs custom code.
Each Slide is an open container: headings, images, buttons, forms, Flexbox or Grid layouts, or another Animation Addons element.
Pick a Slider Effect and the panel shows just what that effect needs: Rotate (deg) and Depth (px) for Coverflow 3D, Card Scale and Card Tilt for Card 3D, four depth controls for Perspective.
Arrows, dots, counter, progress bar and percentage readout each have their own Style panel. Move them, restyle them or delete them.
Slides Per View (1 to 15), gap, height, eight Slider Easing curves, Transition Speed (ms), Autoplay with speed, start delay and direction, and Infinite Loop.
Peek % shows slivers of the neighbouring slides and Center Mode with Center Scale shrinks them, for gallery layouts where the next image invites a swipe. A drag never fires a link inside a slide by accident.
Built on the atomic base
Why it mattersGive every arrow on the site one Class and restyle them all at once.
Step by step
Six steps, from installing the plugin to publishing the page. The bold names are the exact labels you will see in the Elementor 4 panel.
Download freeInstall Animation Addons for Elementor and open a page with the Atomic Editor on.
Drag Nested Slider onto the canvas. It lands with a ready-made testimonial layout.
Add or remove slides in the Slides control and fill each Slide.
In Slider Settings, set effect, slides per view, gap and autoplay (General tab), then peek, easing and depth (Advanced tab).
Switch to tablet and mobile and adjust per device.
Style arrows, dots and indicators, preview and publish.
Honest comparison
Elementor's own nested Carousel handles "any content in a slide" well. The differences are plan and architecture.
| Feature | Elementor Carousel (nested, classic widget) | Animation Addons Nested Slider |
|---|---|---|
| Requires Elementor Pro | Yes | No |
| Native Elementor 4 Atomic Element | No, classic widget (no atomic carousel in 4.3.3) | Yes |
| Any widgets inside each slide | Yes | Yes |
| Arrows, pagination, autoplay | Yes | Yes, arrows and dots are separate atomic elements |
| Styled with Elementor 4 Classes and Variables | No | Yes |
Compared with Elementor 4.3.3 (September 2026).
Who it's for
The people who get the most out of it, and what they use it for.
Building carousels on a client's design system.
Who need a carousel without Elementor Pro.
Telling a story one panel at a time.
FAQ
Yes. The Animation Addons Nested Slider is a free Elementor 4 Atomic Element that runs on Elementor Free. On a free site you can author up to three slides per slider; an Animation Addons Pro licence removes that cap. Published sliders keep every slide even if a Pro licence later lapses.
Select the Animation Addons Nested Slider, open Slider Settings and set Slider Effect to Coverflow 3D. On the Advanced tab, Rotate (deg) and Depth (px) control how far the side slides turn back. For a stacked deck, choose Card 3D and adjust Card Scale and Card Tilt.
Put one logo in each Slide of the Animation Addons Nested Slider and set Slider Effect to Marquee (Continuous Scroll). The track then moves in an unbroken line. Choose Autoplay Direction, keep Pause on Hover on, and delete the arrows and dots. More than three logos needs Pro.
The Animation Addons Nested Slider moves slides with CSS transforms and transitions. It loads no GSAP and no third-party slider library, and its script and stylesheet load on pages that use a slider. Infinite Loop and Marquee copy slides in the page for the endless wrap, so size images inside slides for their display width.
Yes, within limits. The Animation Addons Nested Slider is a labelled carousel region, each slide is announced with its position, and the left and right arrow keys move slides once it has focus. Autoplay pauses on hover and keyboard focus. Autoplay and Marquee do not read the visitor's reduced-motion setting, so leave Autoplay off where motion is a concern.
Yes. Every slide of the Animation Addons Nested Slider is rendered as normal HTML when the page loads, so headings, text and links inside slides are in the page source for search engines and AI crawlers. The script only positions slides; it fetches nothing after load.
The Animation Addons Nested Slider holds slides you build by hand, such as testimonials or feature panels. The Loop Grid Slider builds its slides automatically from posts or products using a card template. Both run on the same slider engine with the same five effects.
More answers in the FAQ · Documentation · Free vs Pro
Pairs well with
Elements that work well with the Nested Slider on the same page or template.
Free on Elementor Free with three slides per slider. Pro removes the cap.
