Skip to content
C-081Component

Cursor Dock Photo Fan

Cinematic photo deck built as a plain, fully editable Etch tree: section > container > header (eyebrow, h2, intro) > stage holding six "Fan Photo" component instances resting in a tight overlapping hand-of-cards arc — du…

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.

Cursor Dock Photo Fan 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 17

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

data-theme
darklight

re-themes the stage

data-spread
tightrelaxedwide

how far the six cards fan apart at rest

data-hover
dockliftnone

dock = cards magnetically rise and scale toward the pointer (macOS-dock style)

data-magnet-radius
number

px · how far the pointer influence reaches

data-magnet-lift
number

px · and

data-magnet-scale
number

0-1 · how strong the dock response is

data-radius
smlxl

card corner radius ·

data-shadow
softdeep

card elevation

data-captions
truefalse

shows the caption ribbon on each card

data-lightbox
truefalse

click opens a full-screen viewer with the same order

data-trigger
loadin-view

when the entrance play

data-once
truefalse

replay the entrance every time it re-enters view

data-duration
number

ms

data-easing
easesmoothsnappylinear

or cubic-bezier

data-delay
number

ms · and

data-stagger
number

ms · tune both the entrance and the magnet response

data-reduced
fadenone

what plays under prefers-reduced-motion

Component props 1

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

Fan Photo6 in this pattern · 4 props
PropTypeDefault
photo
text

https://images.unsplash.com/photo-1518791841217-8f162f1e1131?w=480

photoAlt
text

Framed photograph

caption
text

empty

accent
text

rose

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