Cinematic Expand Gallery Cards
Film-strip gallery where one photo panel opens wide and the others fold into slim vertical title strips: section > container > header (eyebrow, h2, intro, counter with previous/next and play/pause) > a row of "Cinematic…
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 Expand Gallery Cards 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
- Cards
- Responsive
- Desktop to phone
- Works with
- Bricks, ACSS, plain CSS
Options 12
Set on the section, in Bricks’ attributes panel. No code needed.
data-themedata-triggerhover opens a panel on pointer hover, click opens only on click or tap (keyboard always works)
data-expandhow many times wider the open panel is than a folded one
data-heightrow height on wide screens
data-radiuspanel corners
data-gapspace between panels
data-autoplaycycle panels, pauses on hover and focus, with a play/pause button
data-delayms · time per panel
data-durationms · open/fold speed
data-easingdata-countershow the 01 / 05 counter and controls in the header
data-labelsfolded panel titles
Component props 2
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
textDolomites, Italy
iconpin
imagehttps://images.unsplash.com/photo-1470770903676-69b98201ea1c?w=1400
imageAltWooden boathouse and moored rowing boats on a green alpine lake
focalcenter
index01
labelLago di Braies
titleStill water at the foot of the Seekofel
headingLevelh3
showDescriptionTrue
descriptionWe rowed out before the first bus arrived, when the lake was a mirror…
showLinkTrue
linkLabelRead the field notes
linkUrl#braies
openFalse
Included in Pro €99 once with Pro Unlimited Lifetime: all 785 patterns, unlimited sites.
Get Pro

Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 page






