CMS Drag Autoplay Carousel
Plain editable section (eyebrow, heading, intro) holding a highly configurable Swiper carousel built for CMS-style card grids: drag it with a mouse or finger — pulling past either end shows Swiper's native rubber-band re…
50 sites for €79 only, Compare all plans
All photos and visual assets used in this preview are sourced from Unsplash.
The system behind it
One pattern, your whole brand.
CMS Drag Autoplay Carousel reads your ACSS tokens, so changing a color, a font or a spacing value once restyles it everywhere. No hard-coded values, nothing to override.
- Type
- Component
- Category
- Sliders and carousels
- Responsive
- Desktop to phone
- Works with
- Etch, ACSS, plain CSS
Options 12
Set on the section, in Etch’s attributes panel. No code needed.
data-directionleft/right scroll horizontally (right reverses autoplay direction)
data-per-view1-8
data-gappx
data-radiusdata-aspectdata-autoplaydata-delayms
data-pause-on-hoverdata-loopdata-arrow-stylesplit = arrows at the row edges, grouped = both arrows beside the pagination, inline = arrows sit inside the header
data-paginationdata-scroll-stepone card at a time, or one full visible page at a time
Component props 1
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
imagehttps://images.unsplash.com/photo-1454165804606-c3d57bc86b40?w=620
imageAltHow to know when you're ready to raise — cover image 1
tagStrategy
titleHow to know when you're ready to raise
textThe signals investors actually look for, before the deck.
linkUrl#article
linkLabelRead more
Included in Pro From €39 a year, with all 753 patterns.
Get Pro


Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 page






