Get Moduly free
Gutenberg · Media & Galleries · live demoCarouselShow more content in less space with a sliding carousel.

Carousel

One block that turns anything you put inside it into slides — images, cards, covers, quotes, whole groups — plus a Posts source that builds the slides from a query. Core WordPress has galleries and columns, but nothing that slides. Everything below is the same block with different settings; the Moduly patterns at the top insert in one click.

Ready-made patterns

Inserter → Patterns → Moduly. Each is ordinary blocks inside the carousel, so every word, image and colour can be changed.

How it works

Four steps from idea to launch — swipe through them.

TRUSTED BY TEAMS AT

Meet the team

The people who build, ship and support everything you use.

Loved by customers

Over 2,400 five-star reviews — here are a few.

From the blog

Guides, stories and product news.

Slides per view and spacing

Set per device: desktop, tablet (≤ 1024px) and mobile (≤ 767px). The space between slides follows the same breakpoints.

2 per view · 12px gap

3 per view · 24px gap (2 on tablet, 1 on mobile)

5 per view · 40px gap · 3 on mobile

Transition and direction

Slide or fade, left-to-right, right-to-left or vertical.

Fade, one at a time

Right to left

Vertical (fixed height 360px, 2 per view)

Motion

Autoplay with a timer bar and a play/pause button, a continuous marquee (either way), and a progress bar that shows the position. Motion stops for visitors who prefer reduced motion, and pauses on hover and when scrolled out of view.

Autoplay · timer bar · play / pause

Position bar · rewind at the end

Marquee, scrolling backwards, with play / pause

Move a whole view at a time

Arrow placement

Six placements, a size and colours in the Styles tab, and an option to show the arrows only on hover.

On the sides

Outside the slides

Above, right

Above, left

Below, with the dots

Bottom-right corner

Sides, on hover only

Large custom arrows

Pagination

Dots, bars, numbers or a counter — aligned left, centre or right, in your colours.

Dots

Bars

Numbers

Counter

Dots on the left, large, custom colours

Bars on the right

Center mode, peek, rows and thumbnails

Put the active slide in the middle, let the neighbours peek in, stack slides in rows, or add a synced thumbnail strip.

Center mode · click a slide to bring it into place

Peek 120px at each edge

Two rows

Thumbnail strip · counter

Any blocks are slides

Each direct child is one slide — here a cover, a quote, a list, a table and a group with buttons, side by side. Equal-height slides keep the row even.

Posts source

Slides built from a query — post type, count, order, terms, offset — as cards in ten designs, with badges, meta and a read-more link.

Classic · category badge · author & date

Side · two per view · button

Hawai · avatar & comments

Standard (text only) · outline link

Styled with the block’s own Styles panel

Background, text colour, padding, border, radius and shadow come from WordPress’s native Styles panel; the arrows, dots and progress bar have their own colours.

Interaction

Swipe and drag, keyboard arrows when focused, and the mouse wheel — each can be switched off. This one has the Carousel ID “demo-remote”, so a script can drive it with window.MdlyCarousels.find( “demo-remote” ).go( “>” ).

Mouse wheel on · drag off

Easy Digital Downloads (version 1.1)

Version 1.1 adds Easy Digital Downloads to the Posts source: with the post type set to Downloads, every card also shows the price (“Free”, the price, or “From” the lowest of several prices) and EDD’s own add to cart form, so the block covers the EDD Product Carousel widget. A download with several prices links to its page to choose one. The Download Carousel variation sets this up.

Download Carousel variation · four in view · price and add to cart

A to Z · glass cards · price only · whole card is a link