V4 Early Bird: save 25% on Annual, 30% on Lifetime, and get 2x site activations on every plan. Ends Oct 17.V4 Early Bird: up to 30% off + 2x sites · ends Oct 17. See plans →
Atomic Element · Free

Elementor Post Slider: turn posts, products or projects into a carousel

Design one card, choose what to show, and every result becomes a slide with 3D effects, autoplay and Load More. Free for featured rows of up to 3 slides; Animation Addons Pro removes the cap.

  • Native Elementor 4 Atomic Element
  • Free: up to 3 slides
  • Pro: up to 50 slides
  • Any post type, Related Posts or archive

Animation Addons 4.3Updated

Demo variations

Six ways to use the Loop Grid Slider.

Ideas you can build today with the Loop Grid Slider and native Elementor 4 elements. Cards marked Pro add an Animation Addons Pro extension or element; the rest work on the free plugin.

01Magazine and blog home pages

Editor's picks hero carousel

One full-width slide at a time; the image fills the card under a dark wash with the title on top, and autoplay moves through three picks.

Built with
The card the slider arrives with on first drop (Bold Overlay Zoom); one slide per view, Slide Gap (px) 16; Sticky Posts First on; Posts Per Page 3; Autoplay with Pause on Hover.
Motion
Built-in slide transition and card hover.
02Agencies and studios with a case-study post type

Coverflow case studies

The active project faces forward while its neighbours angle back in 3D; the whole card clicks through.

Built with
Source set to the case-study post type; Slider Effect Coverflow 3D, Rotate (deg) 45, Depth (px) 100; Only With Featured Image on; Posts Per Page 3; Wrapper Link on the Loop Slide Item.
Motion
Built-in Coverflow 3D.
03Single post templates on blogs and help centers

Related posts at the end of an article

Three related articles under the post, arrows only, one card at a time on phones.

Built with
Source Related Posts, Related By Categories & Tags, Posts Per Page 3; Slides Per View 3 on desktop, 1 on mobile; Dot Pagination deleted.
Motion
Slide transition only.
04"Latest articles" sections on agency and SaaS sites

Latest articles, three-up with a peek

Three cards with a sliver of the fourth, arrows and dots; Load More adds the next batch.

Built with
Slides Per View 3 (1 on mobile), Peek % 8, Slide Gap (px) 24; Posts Per Page 9; Loop Slide Item with Post Image, Post Title and Post Excerpt; Slider Easing Power 3 (Strong).
Motion
Built-in slide transition.
Needs Pro
More than 3 slides (Pro licence).
05Shop home pages

WooCommerce new arrivals

Four product cards with image, name, price, rating and Add to Cart.

Built with
Source Products; Slides Per View 4; Posts Per Page 12; Product Price, Product Rating, Product Badge and Add to Cart inside the Loop Slide Item.
Motion
Built-in slide transition.
Needs Pro
More than 3 slides, and the WooCommerce Product widgets.
06News sites and event pages with frequent updates

Endless news ticker

Headline pills scroll continuously across the page top; hover pauses them.

Built with
Slider Effect Marquee (Continuous Scroll), Autoplay Direction Left, Pause on Hover on; Posts Per Page 10; Loop Slide Item with Post Title only, styled as a pill; arrows and dots deleted.
Motion
Built-in continuous scroll.
Needs Pro
More than 3 slides (a ticker needs a longer line of headlines).
Features

What you get with the Loop Grid Slider.

Every option below is a real control in the Loop Grid Slider panel or part of how the element renders. Nothing here needs custom code.

The Loop Grid's full query

Pick any public post type, Related Posts or Current Query (Archive) as Source, then narrow with Query Filters such as terms, authors, Date Range and Only With Featured Image.

Five effects, set per breakpoint

Slider Effect offers Slide, Coverflow 3D, Card 3D, Perspective and Marquee (Continuous Scroll). Slides Per View, Slide Gap (px), Peek %, Center Mode and autoplay can change per breakpoint, so a four-up desktop row becomes one card on phones.

Load more into the slider

The Pagination child holds a Load More button that fetches the next page of posts without reloading and appends them as new slides. Page Numbers can be added back if you want them.

Arrows and dots you can restyle

Prev Nav, Next Nav and Dot Pagination are atomic elements with their own Style panels; move or delete them.

A finished card on first drop

The slider arrives with a Bold Overlay Zoom card and one slide per view. Pick another with Apply Preset on the Loop Slide Item.

Built on the atomic base

How the Loop Grid Slider is built (atomic structure)

Why it mattersIt reuses the Loop Grid's query engine and the Nested Slider's motion engine, so a site runs one slider script.

StructureNavigator
  • Loop Grid SliderQuery, Query Filters, Slider Settings
    • Slider Track
      • Loop Slide Item (repeats once per post)Post Image, Post Title and any atomic elements you add
    • Prev Nav, Next Nav, Dot Pagination
    • PaginationLoad More
Step by step

How to add a post slider in Elementor 4

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 free
  1. Install and activate Animation Addons for Elementor, then open a page or template with the Atomic Editor on.

  2. From AAE Post in the Elements panel, drag Loop Grid Slider onto the canvas. It arrives with an overlay card and one slide per view.

  3. In Query, choose the Source, Posts Per Page (up to 3 on Free), Order By and Order, and add Query Filters if needed.

  4. Select the Loop Slide Item and edit the card, or use Apply Preset.

  5. In Slider Settings, pick the Slider Effect, Slides Per View, gap and autoplay, then adjust tablet and mobile.

  6. Style or delete the arrows, dots and Load More, and publish.

Who it's for

Who uses the Loop Grid Slider?

The people who get the most out of it, and what they use it for.

  • Bloggers and publishers

    Featuring top stories or related reads.

  • Agencies

    Showing case studies from a custom post type in 3D.

  • Freelancers on Elementor Free

    Who need a small carousel.

FAQ

Questions about the Loop Grid Slider

How do I make a post slider in Elementor 4?

Install Animation Addons for Elementor and drag the Loop Grid Slider from AAE Post onto the page. Choose the post type under Query, design the card in the Loop Slide Item, and each post becomes a slide. Set the effect, slides per view and autoplay in Slider Settings. Free sites can show up to three slides.

Can I create a loop carousel in Elementor without Elementor Pro?

Yes, for up to three slides. The Animation Addons Loop Grid Slider is a free Elementor 4 Atomic Element that runs on Elementor Free with three slides per slider. An Animation Addons Pro licence raises the limit to fifty. Elementor's own Loop Carousel requires Elementor Pro, and Elementor 4.3.3 has no atomic carousel.

What happens to my sliders if my Pro licence expires?

Nothing visible. The Animation Addons Loop Grid Slider caps slides only in the editor, so a published slider built with ten slides keeps showing all ten after a licence lapses. You cannot raise Posts Per Page above three until you renew, and renewing restores full editing with nothing to repair.

Can I show WooCommerce products in an Elementor carousel?

Yes, with Animation Addons Pro. Set the Loop Grid Slider's Source to Products; the query respects WooCommerce's catalog visibility and hide-out-of-stock settings. Price, rating, badge and Add to Cart come from the Pro WooCommerce widgets, and a typical product row needs more than the free three slides.

Does the post slider work on mobile and with keyboards?

Yes. The Animation Addons Loop Grid Slider supports touch swipe and mouse drag, and Slides Per View, gap and effect can change per breakpoint. Keyboard users can focus the slider and move with the arrow keys; it is announced as a carousel with numbered slides. Autoplay pauses on hover when Pause on Hover is on.

Is a post slider bad for SEO or page speed?

No. The Animation Addons Loop Grid Slider renders every slide on the server, so titles, images and links are in the page HTML for search engines. It shares one slider script with the Nested Slider rather than loading a second library. Load More fetches extra posts only when a visitor asks for them.

What is the difference between Loop Grid Slider, Loop Grid and Nested Slider?

The Loop Grid shows query results as a static grid with pagination and no slide cap. The Loop Grid Slider shows the same kind of results as a carousel. The Nested Slider is a carousel whose slides you build by hand, such as testimonials. All three are Animation Addons atomic elements; both sliders are free up to three slides.

More answers in the FAQ · Documentation · Free vs Pro

Put your best posts in motion

Free for featured rows of three. Animation Addons Pro unlocks up to 50 slides per slider and the WooCommerce widgets.

Compare Free and Pro

  • Free on WordPress.orgNo Elementor Pro needed
  • Native Atomic ElementUses your Classes and Variables
  • Animation Addons 4.3Updated October 2026