5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T743,

An endless wall of images for portfolios, lookbooks, archives and studio homepages. Drag in any direction and it never runs out: the grid wraps on both axes, so there is no edge to hit.

Let go and it glides on with a little momentum. Arrow keys move it too, and Wheel Pan lets a trackpad or mouse wheel steer it when you want the canvas to own the scroll.

Tiles: image, title, meta line and an optional link for each tile. Add up to sixty; they repeat in a shifted order so neighbours rarely match.

Tile W, W / H and Gap: from tight contact sheets to large portrait frames.

Stagger: every other column drops by part of a tile, for the offset rhythm of a pinned wall. Set it to 0 for a straight grid.

Radius: square editorial corners or soft cards.

Captions: title and number under each image, with their own Title and Meta fonts. Switch them off for an image-only wall.

Dim Others: hover a tile and the rest step back.

Color, Muted and Background: light, dark or your brand color.

Glide: how far it drifts after you let go.

Hint: a small "Drag to explore" label that disappears after the first move. Leave it empty to hide it.

Links stay reliable: a drag never fires a click, only a real tap or click opens a tile.

Accessible: a focusable region with keyboard panning and real alt text on every image. Respects reduced motion. On the canvas and in static exports it renders the wall at rest, correctly laid out.

Zero dependencies and no network requests. Only the tiles needed to cover the frame are drawn, then recycled as you move. Ships with eight demo photographs so it works the moment you drop it in. The demo photographs are AI-generated placeholders; replace them with your own work.

Built by KHZ ART, a Tokyo studio working in editorial and fashion.

5a:[["$","$L5d",null,{"post":{"id":"01a10004-e1c5-7215-ad98-381e4add18be","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"iDuiYs2sDxXHPVXYmL9D","resolved":true,"title":"Infinite Canvas Wall","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"An endless wall of images for portfolios, lookbooks, archives and studio homepages. Drag in any direction and it never runs out: the grid wraps on both axes, so there is no edge to hit."}]},{"type":"paragraph","content":[{"type":"text","text":"Let go and it glides on with a little momentum. Arrow keys move it too, and Wheel Pan lets a trackpad or mouse wheel steer it when you want the canvas to own the scroll."}]},{"type":"paragraph","content":[{"type":"text","text":"Tiles: image, title, meta line and an optional link for each tile. Add up to sixty; they repeat in a shifted order so neighbours rarely match."}]},{"type":"paragraph","content":[{"type":"text","text":"Tile W, W / H and Gap: from tight contact sheets to large portrait frames."}]},{"type":"paragraph","content":[{"type":"text","text":"Stagger: every other column drops by part of a tile, for the offset rhythm of a pinned wall. Set it to 0 for a straight grid."}]},{"type":"paragraph","content":[{"type":"text","text":"Radius: square editorial corners or soft cards."}]},{"type":"paragraph","content":[{"type":"text","text":"Captions: title and number under each image, with their own Title and Meta fonts. Switch them off for an image-only wall."}]},{"type":"paragraph","content":[{"type":"text","text":"Dim Others: hover a tile and the rest step back."}]},{"type":"paragraph","content":[{"type":"text","text":"Color, Muted and Background: light, dark or your brand color."}]},{"type":"paragraph","content":[{"type":"text","text":"Glide: how far it drifts after you let go."}]},{"type":"paragraph","content":[{"type":"text","text":"Hint: a small \"Drag to explore\" label that disappears after the first move. Leave it empty to hide it."}]},{"type":"paragraph","content":[{"type":"text","text":"Links stay reliable: a drag never fires a click, only a real tap or click opens a tile."}]},{"type":"paragraph","content":[{"type":"text","text":"Accessible: a focusable region with keyboard panning and real alt text on every image. Respects reduced motion. On the canvas and in static exports it renders the wall at rest, correctly laid out."}]},{"type":"paragraph","content":[{"type":"text","text":"Zero dependencies and no network requests. Only the tiles needed to cover the frame are drawn, then recycled as you move. Ships with eight demo photographs so it works the moment you drop it in. The demo photographs are AI-generated placeholders; replace them with your own work."}]},{"type":"paragraph","content":[{"type":"text","text":"Built by KHZ ART, a Tokyo studio working in editorial and fashion."}]}]},"introduction":"Drag-anywhere image wall, endless.","slug":"infinite-canvas-wall","author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a10004-722f-75f8-af5f-877e87b5068c.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-03T04:28:01.721Z","updatedAt":"2026-10-03T04:28:01.721Z","publishedAt":"2026-10-03T04:28:01.718Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://drab-flexibility-030161.framer.app/canvas-wall","price":"15","paymentUrl":"https://buy.stripe.com/fZu28rcIOe2J8XffD0c3m10","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"CTgJbARHbOgEBnlPDj3E","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-03T04:28:02.373Z","updatedAt":"2026-10-03T04:28:02.373Z","reported":false}}],"$L5f"]

Suggested for you