Skip to content
C-125Component

Vertical Drift Viewer

A tall, centred photo that scrolls or drags vertically through six "Drift Photo" component instances (photo, photoAlt, caption that hides when empty), built as a plain, fully editable Etch tree: section > container > hea…

Get this with ProIncluded in your plan

50 sites for €79 only, Compare all plans

Preview Desktop, 1280px

The system behind it

One pattern, your whole brand.

Vertical Drift Viewer 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
Galleries
Responsive
Desktop to phone
Works with
Etch, ACSS, plain CSS

Options 6

Set on the section, in Etch’s attributes panel. No code needed.

data-theme
lightdark

re-themes the whole section and its ambient glow

data-wheel
truefalse

mouse-wheel scroll changes the active photo

data-drag
truefalse

vertical pointer drag / touch swipe changes the active photo

data-loop
truefalse

wraps past the last photo instead of stopping

data-hint
truefalse

shows the "scroll or drag" prompt until the first interaction

data-radius
smlxl

card corner radius from the ACSS radius tokens

Component props 1

Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.

Drift Photo6 in this pattern · 3 props
PropTypeDefault
photo
text

https://images.unsplash.com/photo-1595435742656-5272d0b3fa82?w=900

photoAlt
text

Match point

caption
text

Match point

Included in Pro From €39 a year, with all 469 patterns.

Get Pro

More patterns

Keep browsing.

L-000

Quick View

Desktop, 1440px
Pro
demo.etchedy.com

The real preview of this pattern. Every pattern adapts to your ACSS tokens.

Unlock with ProSee plansIncluded in your plan