Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageOrbit Scroll Gallery
Scroll-scrubbed circular showcase built as a plain, fully editable Etch tree: section > container > header (eyebrow, h2, intro) > a tall Track holding a sticky Stage — a centred hub (eyebrow, heading, live progress bar)…
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.
Orbit 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 7
Set on the section, in Etch’s attributes panel. No code needed.
data-themere-themes the whole section
data-scroll-length200-420 · how many vh of scrolling it takes to play the whole orbit — more length = slower, more deliberate scrub
data-revolutions0.25-3 · how many full turns the ring makes across that scroll length
data-directiondata-radiusring radius
data-depth3d scales and dims photos on the far side of the ring for depth
data-lightboxclicking a photo opens it full-size in a dialog viewer
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-1500375592092-40eb2168fd21?w=480
photoAltLow tide, Algarve
titleLow tide, Algarve
angle0
Included in Pro From €39 a year, with all 785 patterns.
Get Pro
