Cursor Dock Photo Fan
Cinematic photo deck built as a plain, fully editable Bricks tree: section > container > header (eyebrow, h2, intro) > stage holding six "Fan Photo" component instances resting in a tight overlapping hand-of-cards arc — du…
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.
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
- Bricks, ACSS, plain CSS
Options 17
Set on the section, in Bricks’ attributes panel. No code needed.
data-themere-themes the stage
data-spreadhow far the six cards fan apart at rest
data-hoverdock = cards magnetically rise and scale toward the pointer (macOS-dock style)
data-magnet-radiuspx · how far the pointer influence reaches
data-magnet-liftpx · and
data-magnet-scale0-1 · how strong the dock response is
data-radiuscard corner radius ·
data-shadowcard elevation
data-captionsshows the caption ribbon on each card
data-lightboxclick opens a full-screen viewer with the same order
data-triggerwhen the entrance play
data-oncereplay the entrance every time it re-enters view
data-durationms
data-easingor cubic-bezier
data-delayms · and
data-staggerms · tune both the entrance and the magnet response
data-reducedwhat 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.
photohttps://images.unsplash.com/photo-1518791841217-8f162f1e1131?w=480
photoAltFramed photograph
captionempty
accentrose
Included in Pro €99 once with Pro Unlimited Lifetime: all 785 patterns, unlimited sites.
Get Pro

Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 page






