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
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 469 patterns.
Get ProMore patterns
