Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageCinematic Stacked Video Reel
Plain editable section (eyebrow, heading, intro) on a near-black cinematic backdrop, holding a small vanilla-JS layered deck — no Swiper, since cards stack front-to-back instead of sliding side to side. Only the card is…
50 sites for €79 only, Compare all plans
The system behind it
One pattern, your whole brand.
Cinematic Stacked Video Reel 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 8
Set on the section, in Etch’s attributes panel. No code needed.
data-overlappx the stack steps back per card
data-scale-step0-1 shrink per step back
data-visible1-6 how many peeking cards show behind the active one
data-autoplayand
data-delayms · auto-advance the deck
data-loopreaching the end wraps to the first card instead of stopping
data-caption-stylebar keeps the caption always visible, minimal reveals it on hover/focus
data-controlsshows the mute and play/pause buttons on the active card
Component props 1
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
videohttps://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.…
posterhttps://images.unsplash.com/photo-1500534623283-312aade485b7?w=900
posterAltLow Tide, First Light — video frame 1
titleLow Tide, First Light
subtitleField notes, vol. 1
linkUrl#watch
linkLabelWatch full cut
Included in Pro From €39 a year, with all 469 patterns.
Get Pro
