Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageDepth Parallax Gallery
Plain editable Etch tree: section > container > a mono/colour toggle button > a row of six "Depth Tile" component instances at staggered heights and offsets. Only the tile is a component with typed props: photo (image),…
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.
Depth Parallax 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 5
Set on the section, in Etch’s attributes panel. No code needed.
data-themere-themes the whole section
data-modestarting palette
data-parallaxscroll-linked drift per tile (off keeps every tile static, e.g
data-intensitypx of maximum drift per tile at "fast" depth
data-edge-blurthe two outer tiles stay soft-focused to suggest depth
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-1615874959474-d609969a20ed?w=700
photoAltTextured plaster wall lit from a low side angle
captionPlaster study
depthmedium
Included in Pro From €39 a year, with all 785 patterns.
Get Pro
