Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageCascade Flow Gallery
A masonry-proportioned photo wall of four columns of "Flow Photo" component instances (image, alt, caption — empty hides it) that continuously cascade upward, each column at its own speed and half of them reversed downwa…
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.
Cascade Flow 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-themesection theme
data-columns-desktop; tablet from 34em
data-gappx between tiles
data-radiustile corner radius
data-motioncolumns continuously drift (Web Animations API) or stay still
data-speedseconds per loop for the slowest column; each column runs at a slightly different multiple so they never sync
data-fadetop/bottom edge fade mask
data-lightboxclick-to-open full viewer
Component props 1
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
imagehttps://images.unsplash.com/photo-1494790108377-be9c29b29330?w=480
altLaughing portrait of a woman in a red top, city backdrop
captionempty
Included in Pro From €39 a year, with all 753 patterns.
Get ProMore patterns
