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
All photos and visual assets used in this preview are sourced from Unsplash.
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
- Bricks, ACSS, plain CSS
Options 8
Set on the section, in Bricks’ 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 €99 once with Pro Unlimited Lifetime: all 785 patterns, unlimited sites.
Get Pro
