C-152ComponentFree

Auto-Binding CMS Carousel

Editorial journal carousel built around a single post card, so pointing an Etch CMS loop at the "CMS Bind Card" instance binds the whole row to a live WordPress collection. Plain editable section > container > header (ey…

Get it free

Included in your plan

50 sites for €79 only, Compare all plans

Preview Desktop, 1280px

The system behind it

One pattern, your whole brand.

Auto-Binding CMS 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 14

Set on the section, in Etch’s attributes panel. No code needed.

data-theme

lightdark

data-accent

primarysecondaryaccentneutral

colours chips, progress and hover states

data-card

flatelevatedoutline

card surface

data-radius

nonesmlxl

image and card corners

data-ratio

landscapesquareportraitwide

image ratio 4:3, 1:1, 4:5 or 16:9

data-per-view

234

cards per view on wide containers, always with a peek of the next card

data-autoplay

truefalse

data-delay

number

data-pause-on-hover

truefalse

data-loop

truefalse

data-arrows

truefalse

data-arrows-mobile

truefalse

data-controls-position

bottomtopsides

data-pagination

progressdotsfractionnone

Component props 3

Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.

CMS Bind Chip0 in this pattern · 2 props

PropTypeDefault

label

text

Field notes

tone

text

glass

CMS Bind Byline0 in this pattern · 5 props

PropTypeDefault

name

text

Ines Varga

showRole

true / false

True

role

text

Field editor

showAvatar

true / false

True

avatar

text

https://images.unsplash.com/photo-1544005313-94ddf0286df2?w=120

CMS Bind Card6 in this pattern · 21 props

PropTypeDefault

layout

text

stacked

showImage

true / false

True

image

text

https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?w=900

imageAlt

text

Notebook and laptop on a wooden desk

showCategory

true / false

True

category

text

Process

categoryTone

text

glass

showMeta

true / false

True

date

text

Sep 12, 2026

readTime

text

6 min read

title

text

How we plan a quarter on a single page

headingLevel

text

showExcerpt

true / false

True

excerpt

text

One sheet, three columns and a rule about meetings that saved us four…

showAuthor

true / false

True

author

text

Ines Varga

authorRole

text

Field editor

authorAvatar

text

https://images.unsplash.com/photo-1544005313-94ddf0286df2?w=120

showLink

true / false

True

linkLabel

text

Read

linkUrl

text

#post

Free pattern. Yours to use on any site, no plan needed.

Included in Pro From €39 a year, with all 469 patterns.

Get Pro

More patterns

Keep browsing.

All patterns

Free