Art Gallery Wall Framer component
Hang your work at real size
Enter the width and height of each piece in centimetres. Art Gallery Wall lays them out on one shared scale, in a real room or on a drawn wall, so visitors finally see how big 60 by 90 really is.
01 Rooms
Ten rooms, measured
Each photo is calibrated: how wide the scene really is, where the floor meets the wall, and which squares of the grid are furniture. Works never cover a blocked square. The same 50 by 70 stays 50 by 70 in all of them.
02 Scale
Every centimetre is a centimetre
The drawn wall comes with a scale figure. The same 60 by 90 cm drawing twice, only the thing standing next to it changes.
60 × 90 cm = 23.6 × 35.4 in
03 Hanging
Four ways to hang
Same gallery wall, four hangs. Exposition for a corridor, salon for a full wall, grid for a series, manual when you know exactly where each hook goes.
04 Frames
Frames and mats
Frame width and mat are in centimetres too, so a 2.5 cm oak frame is as thin on a big canvas as on a small print.
05 Your own photo
Any photo becomes a room
Shoot your wall straight on. Give the component three numbers, then block the squares that are furniture. Works are hung on the free wall only, as close to your chosen centre as they fit.
- Photo width
- The real width the photo shows, in cm. A 200 cm sofa is a good ruler.
- Floor line
- Where the floor meets the wall, as a percentage of the photo height.
- Hang centre
- Where the hang should centre, as a percentage of the photo height.
- Blocked
- Rectangles in percent: left, top, width, height. Turn on Show blocks to see the grid while you work.
06 Rules
Museum rules, built in
The component measures, you curate. Every rule below runs on every room, including your own photo.
- One scale
- Pixels per centimetre come from the room, so every work, frame and sofa share it.
- Eye line
- On a drawn wall the hang centres at 145 cm from the floor, the museum standard. In a photo it centres on the free wall.
- Furniture
- Every room has a grid. Squares with furniture are blocked and a work never covers one. If the works do not fit, they wrap into rows.
- Rooms
- Ten photo rooms, a drawn wall, or your own photo with its own blocked squares.
- Labels
- Title and size under each work, on hover or always, in cm or inches.
- Lightbox
- Click a work to see it large, with caption, size and a link to its page.
07 Property panel
Everything is a field
Two screenshots straight from Framer's property panel: a preset room, and your own photo with its blocked squares. No plugin, no settings page.
08 Units
Centimetres or inches
Same works, same wall. Flip one control and every label and the lightbox read in inches. Captions can sit under the work too. The words around them come in English, Dutch, German, French and Spanish, or your own.
09 Setup
Three steps
No plugin, no CMS, no code. The works live in the property panel, so changing a size or swapping a piece takes seconds.
Drop it in
Add Art Gallery Wall to any page and set its width to fill. The height follows the room.
Add your works
For each piece: the image, a title, and its width and height in centimetres.
Pick a room
One of ten rooms, a drawn wall, or your own photo. Done.