Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageCinematic Scroll Gallery
Scroll-driven cinematic gallery built as a plain, fully editable Etch tree: section > container > header (eyebrow, h2, intro) > gallery (stage with two crossfading background photo layers, a scrim, a scene counter, a gia…
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 Scroll Gallery 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
- Layout
- Category
- Galleries
- 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-thumbs-positiondocks the rail beside or below the stage
data-transitionhow the background photo and title change between scenes
data-autoplayand
data-delayms · auto-advance through scenes
data-dragpointer-drag the rail on desktop in addition to native touch scroll
data-arrowsprev/next buttons for the rail
data-paginationscene counter style
data-loopwrap from the last scene back to the first
Component props 1
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
photohttps://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=1400
thumbhttps://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=240
photoAltThe morning drop
titleThe morning drop
captionFirst light on the west ridge
Included in Pro From €39 a year, with all 753 patterns.
Get ProMore patterns
