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

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 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