Skip to content
C-021Component

Draggable Hanging Photo

Exhibition wall where framed photographs hang from a gallery rail on picture cords: grab a frame and it swings like a real pendulum with spring and damping, neighbours feel it through the rail, and an optional draught ke…

Get this with ProIncluded in your plan

50 sites for €79 only, Compare all plans

Preview Desktop, 1280px

All photos and visual assets used in this preview are sourced from Unsplash.

The system behind it

One pattern, your whole brand.

Draggable Hanging Photo 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
Cards
Responsive
Desktop to phone
Works with
Etch, ACSS, plain CSS

Options 2

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

data-theme
plastercharcoalsage

wall colour

data-cta
truefalse

visit button

Component props 2

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

Hanging Rail1 in this pattern · 10 props
PropTypeDefault
physics
text

bouncy

wind
text

breeze

coupling
true / false

True

limit
text

m

hang
text

cords

rail
text

rail

frame
text

gallery

spots
true / false

True

hint
true / false

True

hintText
text

Drag a frame to swing it, or focus one and use the arrow keys

Hanging Photo5 in this pattern · 12 props
PropTypeDefault
image
text

https://images.unsplash.com/photo-1505142468610-359e7d316be0?w=900

imageAlt
text

Aerial view of a wave folding onto pale sand

ratio
text

portrait

size
text

m

cord
text

medium

tilt
text

0

showPlaque
true / false

True

title
text

Fold, Skagen

meta
text

2024, archival pigment print

showPrice
true / false

True

price
text

1,200 EUR

sold
true / false

False

Included in Pro From €39 a year, with all 753 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