C-148ComponentFree

Staggered Reel Showcase

Portrait reel carousel built as a plain, fully editable Etch tree: section > container > header (eyebrow, h2, intro) > reel wrapper > Swiper track > six "Reel Frame" component instances (alternating up/down on odd/even p…

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.

Staggered Reel Showcase 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: Players
Responsive: Desktop to phone
Works with: Etch, ACSS, plain CSS

Options 22

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

data-theme

lightdark

re-themes the whole section

data-stagger

truefalse

alternates neighbour cards up/down

data-offset

numberdefault 34

px · how far the staggered cards shift vertically

data-caption

activealwaysnone

show the title/subtitle only on the centred card, on every card, or never

data-per-view-desktop

text

decimals give a peek

data-gap

numberdefault 20

px between cards

data-autoplay

truefalse

data-delay

number

data-speed

textdefault 650

transition ms

data-loop

truefalse;

infinite loop

data-pause-on-hover

truefalse

data-drag

truefalse;

mouse drag + touch swipe · and

data-mode

snapfree

data-arrows

truefalse

data-arrows-position

topbottomsides

data-arrows-style

circlesquarepillminimal

data-pagination

dotsprogressfractionnone

data-pagination-position

bottom-centerbottom-startbottom-endtop-starttop-end

data-controls-layout

splitgrouped

grouped puts arrows + pagination together in one bar

data-scrollbar

truefalse

draggable progress scrollbar

data-autoplay-button

truefalse

play/pause toggle

data-arrows-mobile

truefalse

hide arrows below tablet width (swipe still works)

Component props 1

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

Reel Frame6 in this pattern · 6 props

PropTypeDefault

poster

text

https://images.unsplash.com/photo-1507525428034-b723cf961d3e?w=640

posterAlt

text

Coastal Mornings — reel poster

title

text

Coastal Mornings

subtitle

text

Sunrise runs along the cliff path

badge

text

0:38

tone

text

teal

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