62:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/04onqby6uwgz7.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/0yulab_mho2q7.js","/creators-assets/_next/static/immutable/chunks/3_6nvj55e699g.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/3fyhezch4qqad.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v2aom8xv86j9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0s-n7u5-dwtml.js"],"S"] 63:T9b0,

Turn your images into an immersive, infinite exhibition.

Infinite Gallery Wall is a single-file Framer code component that transforms any image set into an endless, interactive masonry wall. No WebGL, no build step, no dependencies — just paste it into Framer and drop it on the canvas.

What it does

Infinite masonry — Images flow in fixed-width columns, keep their natural aspect ratios, and wrap seamlessly in every direction. There is no edge.
Tilt & drift — Add subtle or dramatic rotateX / rotateY / rotateZ perspective, plus independent ambient drift for a living, dimensional feel.
Natural panning — Choose drag, scroll, both, or none. Inertia carries the movement so the wall feels physical.
Cinematic lightbox — Tap any sheet and the camera flattens the wall, dims neighbors, and glides the image into focus with a smooth zoom.
Progressive-blur caption — Each focused image gets a gorgeous layered backdrop blur with title, description, and a "View" link.
Virtualized performance — Only nearby tiles are rendered and recycled from a pool. The loop idle-pauses when nothing moves, so it stays smooth even with large galleries.
Safari-sharp focus — A dedicated hero image path prevents the softening that transform-scaled images usually get on Safari.

Why it sells

Zero setup — One file, paste into Framer, done.
Design-time controls — Column width, gap, radius, tilt, drift, lightbox position, neighbor fade/scale, and caption visibility are all in the properties panel.
Flexible images — Accepts Framer ResponsiveImage assets or plain URLs, and automatically serves the right resolution for thumbnails vs. focused hi-res.
No broken surprises — Stable column assignment prevents layout blinking as images load; decode-based reveals avoid Safari quirks.

Perfect for

photography portfolios
fashion lookbooks
editorial sites
product galleries
art showcases
and brand mood walls.

61:["$","$L62",null,{"value":{"fallback":{"$inf$activity-creator-db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39-all:/unified/creator/db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39/activity/":[{"data":[{"id":"019fbce1-2565-73a8-b404-45eb8e89d023","type":"site.liked","target":{"type":"site","id":"12048","preview":"Branbee","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/12048/thumbnail-Dn1SdvjdUCNfn1luDOdsKvXdsOz7BV.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39","name":"Dwi Ash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39/salxq0kj","slug":"dwiash","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-08-01T10:31:39.616Z","latestAt":"2026-08-01T10:31:39.616Z"},{"id":"019fbb3a-71bc-752b-9a9a-e557d52658cb","type":"comment.reply","target":{"type":"post","id":"019ef21e-1f60-702a-8dde-3ea322b6e514","preview":"Just added a component control panel on the demo. so you can play around and see how far the component can meet your needs.\nTry it here https://framer.link/GIXxp4Z\nIt also helpful if you want to implement this component in your Framer site. As Framer only allow static preview of my component in the editor","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just added a component control panel on the demo. so you can play around and see how far the component can meet your needs."}]},{"type":"paragraph","content":[{"type":"text","text":"Try it here "},{"type":"text","text":"https://framer.link/GIXxp4Z","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/GIXxp4Z","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"It also helpful if you want to implement this component in your Framer site. As Framer only allow static preview of my component in the editor"}]}]},"thumbnail":"https://image.mux.com/GfJxLXIrG02PoQcGQk5iTj8OHg21VICQkNraEHXrh00Tc/thumbnail.webp?time=50.632","targetDeleted":false,"owned":true,"actions":{"postId":"019ef21e-1f60-702a-8dde-3ea322b6e514","like":{"count":13,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019fbb3a-719f-74a8-9576-8567b3fc6831","preview":"thanks @Quinn Mierlak, glad you like my product!\nPlease don't hesitate if you need some helps or has any feedback regarding my product","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"thanks "},{"type":"mention","attrs":{"id":"c591f7d7-c33a-4bb6-8512-c139eff221b5","slug":"design-with-quinn","label":"Quinn Mierlak","mentionSuggestionChar":"@"}},{"type":"text","text":", glad you like my product!"}]},{"type":"paragraph","content":[{"type":"text","text":"Please don't hesitate if you need some helps or has any feedback regarding my product"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ef21e-1f60-702a-8dde-3ea322b6e514","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019f8c6c-e776-705d-84a1-45777d8b293c"},"repost":null}},"actors":[{"id":"db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39","name":"Dwi Ash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39/salxq0kj","slug":"dwiash","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-01T02:49:57.436Z","latestAt":"2026-08-01T02:49:57.436Z"},{"id":"019f8fd4-6fcb-73db-9b41-f90fd616644c","type":"comment.reply","target":{"type":"post","id":"019ef21e-1f60-702a-8dde-3ea322b6e514","preview":"Just added a component control panel on the demo. so you can play around and see how far the component can meet your needs.\nTry it here https://framer.link/GIXxp4Z\nIt also helpful if you want to implement this component in your Framer site. As Framer only allow static preview of my component in the editor","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just added a component control panel on the demo. so you can play around and see how far the component can meet your needs."}]},{"type":"paragraph","content":[{"type":"text","text":"Try it here "},{"type":"text","text":"https://framer.link/GIXxp4Z","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/GIXxp4Z","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"It also helpful if you want to implement this component in your Framer site. As Framer only allow static preview of my component in the editor"}]}]},"thumbnail":"https://image.mux.com/GfJxLXIrG02PoQcGQk5iTj8OHg21VICQkNraEHXrh00Tc/thumbnail.webp?time=50.632","targetDeleted":false,"owned":true,"actions":{"postId":"019ef21e-1f60-702a-8dde-3ea322b6e514","like":{"count":13,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f8fd4-6faa-701b-8259-96ed8e84c46b","preview":"Hi @Quinn Mierlak \nJust purchase it once and use it forever, no project limit!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hi "},{"type":"mention","attrs":{"id":"c591f7d7-c33a-4bb6-8512-c139eff221b5","slug":"design-with-quinn","label":"Quinn Mierlak","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Just purchase it once and use it forever, no project limit!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ef21e-1f60-702a-8dde-3ea322b6e514","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f8c6c-e776-705d-84a1-45777d8b293c"},"repost":null}},"actors":[{"id":"db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39","name":"Dwi Ash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39/salxq0kj","slug":"dwiash","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-23T16:34:51.979Z","latestAt":"2026-07-23T16:34:51.979Z"},{"id":"019f8405-b546-76f8-94b2-888f40cca442","type":"template.liked","target":{"type":"template","id":"69583","preview":"Loop","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c4cf1cf4-0b77-4f1d-ac6b-98070517ae59/019f65d4-b28a-74ed-8ad6-9e84d2f3614b.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39","name":"Dwi Ash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39/salxq0kj","slug":"dwiash","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-07-21T09:33:14.431Z","latestAt":"2026-07-21T09:33:14.431Z"},{"id":"019f8405-77bd-719b-8b41-b9138b5bde9c","type":"post.liked","target":{"type":"post","id":"019f83f0-4483-7636-a420-eacdd01d0d4e","preview":"⚡ Want a free copy of LOOP? ⚡\nI’m giving away 5 copies of my latest template.\nThe rules are simple:\n1. Like this post\n2. Like LOOP on the Marketplace\nTomorrow, I'll randomly pick 5 winners!\nLet's go!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"zap","emoji":"⚡"}},{"type":"text","text":" Want a free copy of LOOP? "},{"type":"emoji","attrs":{"name":"zap","emoji":"⚡"}}]},{"type":"paragraph","content":[{"type":"text","text":"I’m giving away 5 copies of my latest template."}]},{"type":"paragraph","content":[{"type":"text","text":"The rules are simple:"}]},{"type":"paragraph","content":[{"type":"text","text":"1. Like this post"}]},{"type":"paragraph","content":[{"type":"text","text":"2. Like LOOP on the Marketplace"}]},{"type":"paragraph","content":[{"type":"text","text":"Tomorrow, I'll randomly pick 5 winners!"}]},{"type":"paragraph","content":[{"type":"text","text":"Let's go!"}]}]},"thumbnail":"https://image.mux.com/ZBhXBH02FopF02El5Ex9PG4r01mKfqKO00Meg7Ul739C2RQ/thumbnail.webp?time=7.4","targetDeleted":false,"owned":false,"actions":{"postId":"019f83f0-4483-7636-a420-eacdd01d0d4e","like":{"count":21,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39","name":"Dwi Ash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39/salxq0kj","slug":"dwiash","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-21T09:32:58.675Z","latestAt":"2026-07-21T09:32:58.675Z"},{"id":"019f00c8-feff-7169-b033-cfc43545d452","type":"creator.followed","target":{"type":"creator","id":"9d2ee4b7-f6ba-48ac-92b0-7070ed80ab41","preview":"Konrad Makowski","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/691355/avatar-GKzSShbkBwuaUa6olunleQH8mgdG8Y.jpg","slug":"konrad-makowski","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39","name":"Dwi Ash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39/salxq0kj","slug":"dwiash","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-25T21:56:40.315Z","latestAt":"2026-06-25T21:56:40.315Z"},{"id":"019efc1f-b787-756a-bf7b-41299b42266d","type":"creator.followed","target":{"type":"creator","id":"be73ac3c-e2d3-4d85-ad61-d9559bd71f55","preview":"Luka Karlić","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/be73ac3c-e2d3-4d85-ad61-d9559bd71f55/h4s01qo8","slug":"lukakarlicdesigns","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39","name":"Dwi Ash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39/salxq0kj","slug":"dwiash","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-25T00:13:17.485Z","latestAt":"2026-06-25T00:13:17.485Z"},{"id":"019ef85f-76e0-710d-b779-c8a86de76f41","type":"creator.followed","target":{"type":"creator","id":"8a45159b-4e04-4c69-959a-a82bac252c4b","preview":"Flowgen Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8a45159b-4e04-4c69-959a-a82bac252c4b/md2qmufb","slug":"flowgen-studio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39","name":"Dwi Ash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39/salxq0kj","slug":"dwiash","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-24T06:44:26.452Z","latestAt":"2026-06-24T06:44:26.452Z"},{"id":"019ef85c-fd4a-738c-a630-565c479d5516","type":"creator.followed","target":{"type":"creator","id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","preview":"Framer","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107446/xpZr8yYS_400x400-2-MqZMjb2zlessnXickTqkyAzkfqz6le.jpg","slug":"framer","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39","name":"Dwi Ash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39/salxq0kj","slug":"dwiash","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-24T06:41:44.254Z","latestAt":"2026-06-24T06:41:44.254Z"},{"id":"019ef836-8a51-73fa-b2e1-35c3dd48f441","type":"creator.followed","target":{"type":"creator","id":"6dc79884-b7e8-4fbf-9112-d942e9ce5fb8","preview":"Muhammed Irshad","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/30790/avatar-xYXMC0beZYIl0TvuYHWFXK33t6irqF.jpg","slug":"muhammed-irshad","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39","name":"Dwi Ash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39/salxq0kj","slug":"dwiash","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-24T05:59:44.455Z","latestAt":"2026-06-24T05:59:44.455Z"},{"id":"019ef4da-6b01-7021-a8d5-187fbdddbd3f","type":"creator.followed","target":{"type":"creator","id":"049bdbd1-fa60-443e-9e4a-f8433df30d57","preview":"Val Casanova","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/54328/avatar-ZZSU0iegtq8dKeLkWjWXLVQQYOkioT.jpg","slug":"val-casanova","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39","name":"Dwi Ash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39/salxq0kj","slug":"dwiash","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-23T14:20:15.485Z","latestAt":"2026-06-23T14:20:15.485Z"},{"id":"019ef222-66f3-7779-87c5-d03bdafa91ee","type":"site.liked","target":{"type":"site","id":"16446","preview":"Jen Clark Design","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/56235b9f-aca3-42b4-b642-05fc903bcf48/dz9myv8v","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39","name":"Dwi Ash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39/salxq0kj","slug":"dwiash","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-06-23T01:40:01.391Z","latestAt":"2026-06-23T01:40:01.391Z"},{"id":"019ef04a-1372-75a1-9f5b-5c12f49f9d36","type":"creator.followed","target":{"type":"creator","id":"944338c7-b28d-4ae8-b17e-42bd85849af4","preview":"FNZO","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/944338c7-b28d-4ae8-b17e-42bd85849af4/39n0u4dh","slug":"enzo","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39","name":"Dwi Ash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39/salxq0kj","slug":"dwiash","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-22T17:04:07.020Z","latestAt":"2026-06-22T17:04:07.020Z"},{"id":"019eef58-4788-71db-babb-4339da8581bc","type":"creator.followed","target":{"type":"creator","id":"fd107077-b6d8-4cfe-ab30-bea05355f3b5","preview":"Zaid Khan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29994/Snapinsta.app_275645041_692809982073799_3652030696283744675_n_1080-UH1VafFcYax6n9NRDNi0YAuZZTbE8z.jpg","slug":"zaid-khan","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39","name":"Dwi Ash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39/salxq0kj","slug":"dwiash","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-22T12:40:00.643Z","latestAt":"2026-06-22T12:40:00.643Z"},{"id":"019eef52-fe55-730d-8760-b2b075ee5d0b","type":"creator.followed","target":{"type":"creator","id":"8ca939df-3048-4911-9982-8bb3d8ed7130","preview":"Khurram","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/209334/avatar-a7nVqJj0MvjXzHbPUqhVyfuusZKPVW.jpg","slug":"khurram","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39","name":"Dwi Ash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39/salxq0kj","slug":"dwiash","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-22T12:34:14.225Z","latestAt":"2026-06-22T12:34:14.225Z"},{"id":"019eedd3-1380-7479-8303-a5366ef1949b","type":"creator.followed","target":{"type":"creator","id":"833ba8c4-6536-4c20-8d40-bb9444d54238","preview":"Anil Kody","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/833ba8c4-6536-4c20-8d40-bb9444d54238/8sik5hlc","slug":"anilkody","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39","name":"Dwi Ash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39/salxq0kj","slug":"dwiash","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-22T05:34:53.820Z","latestAt":"2026-06-22T05:34:53.820Z"},{"id":"019eec5a-0f35-76c9-9655-5a90f72a5ada","type":"creator.followed","target":{"type":"creator","id":"daebf60b-d183-4dc3-9ee8-f5b070d8d8b4","preview":"Sidhanth Suman","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/64229/avatar-6Fkzk5vt1plyb4srBNDlylzUVliRDh.jpg","slug":"sidhanth-suman","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39","name":"Dwi Ash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39/salxq0kj","slug":"dwiash","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-21T22:43:05.649Z","latestAt":"2026-06-21T22:43:05.649Z"},{"id":"019eea25-c2b7-7123-90a6-a8e4f58729a9","type":"creator.followed","target":{"type":"creator","id":"b524594a-068a-4910-b55b-d3cb5501b358","preview":"Elias | The Light Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b524594a-068a-4910-b55b-d3cb5501b358/27b25jda","slug":"the-light-studio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39","name":"Dwi Ash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39/salxq0kj","slug":"dwiash","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-21T12:26:43.764Z","latestAt":"2026-06-21T12:26:43.764Z"},{"id":"019ee93e-abbb-73ac-9d3e-514b8a447cc9","type":"creator.followed","target":{"type":"creator","id":"35c56972-7346-4d61-84ed-9195e562faf4","preview":"m m","previewJson":null,"thumbnail":"https://framerusercontent.com/avatars/users/35c56972-7346-4d61-84ed-9195e562faf4/2qjLtRY9H","slug":"m-m-m2w9xg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39","name":"Dwi Ash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39/salxq0kj","slug":"dwiash","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-21T08:14:19.064Z","latestAt":"2026-06-21T08:14:19.064Z"},{"id":"019ee714-b8ad-73fd-8fda-dd9e9b7f94e6","type":"creator.followed","target":{"type":"creator","id":"55e66b8b-bd81-4efe-9f12-b81d28c78988","preview":"Yaroslav","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1448889/avatar-r3OcUBHK7vNpsK2jpsBm7bkjS9Ud3z.jpg","slug":"yaroslav-cherevaty","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39","name":"Dwi Ash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39/salxq0kj","slug":"dwiash","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-20T22:09:15.433Z","latestAt":"2026-06-20T22:09:15.433Z"}],"pagination":{"next":"MjAyNi0wNi0yMFQyMjowOToxNS40MzNafDAxOWVlNzE0LWI4YWQtNzNmZC04ZmRhLWRkOWU5YjdmOTRlNg","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39:/unified/posts/?creator=db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39&with=reposts":[{"data":[{"id":"019ef21e-1f60-702a-8dde-3ea322b6e514","title":null,"body":"

Just added a component control panel on the demo. so you can play around and see how far the component can meet your needs.

Try it here https://framer.link/GIXxp4Z

It also helpful if you want to implement this component in your Framer site. As Framer only allow static preview of my component in the editor

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just added a component control panel on the demo. so you can play around and see how far the component can meet your needs."}]},{"type":"paragraph","content":[{"type":"text","text":"Try it here "},{"type":"text","text":"https://framer.link/GIXxp4Z","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/GIXxp4Z","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"It also helpful if you want to implement this component in your Framer site. As Framer only allow static preview of my component in the editor"}]}]},"author":{"framerUserId":"db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39","name":"Dwi Ash","slug":"dwiash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39/salxq0kj","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/GfJxLXIrG02PoQcGQk5iTj8OHg21VICQkNraEHXrh00Tc.m3u8","metadata":{"posterUrl":"https://image.mux.com/GfJxLXIrG02PoQcGQk5iTj8OHg21VICQkNraEHXrh00Tc/thumbnail.webp?time=50.632","aspectRatio":"4:3","duration":69.916667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":13,"liked":false},"comments":{"count":5},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-23T01:35:20.934Z","updatedAt":"2026-06-23T01:35:20.934Z"},{"id":"019ede26-be5b-724a-986c-2fb89a1ca63f","title":null,"body":"

👋 Hello everyone!

Need your feedbacks on my first Code Component: Infinite Wall Gallery

It's a carousel/grid/lightbox component. No WebGL, just HTML/JS/CSS.

Suitable if you need to display so many images in a section. with some options that allow you to customize the tilt, drift velocity, gaps, thumbnail size, etc.

Access the component here: https://www.framer.com/community/marketplace/components/infinitewall-gallery/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"wave","emoji":"👋"}},{"type":"text","text":" Hello everyone!"}]},{"type":"paragraph","content":[{"type":"text","text":"Need your feedbacks on my first Code Component: "},{"type":"text","text":"Infinite Wall Gallery","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://www.framer.com/community/marketplace/components/infinitewall-gallery/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"It's a carousel/grid/lightbox component. No WebGL, just HTML/JS/CSS. "}]},{"type":"paragraph","content":[{"type":"text","text":"Suitable if you need to display so many images in a section. with some options that allow you to customize the tilt, drift velocity, gaps, thumbnail size, etc."}]},{"type":"paragraph","content":[{"type":"text","text":"Access the component here: "},{"type":"text","text":"https://www.framer.com/community/marketplace/components/infinitewall-gallery/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.framer.com/community/marketplace/components/infinitewall-gallery/","target":"_blank"}}]}]}]},"author":{"framerUserId":"db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39","name":"Dwi Ash","slug":"dwiash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39/salxq0kj","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/jRr47VkqjmG3RcWrdTWGvUqsvIzzDI02QYAoCgDEMYzs.m3u8","metadata":{"posterUrl":"https://image.mux.com/jRr47VkqjmG3RcWrdTWGvUqsvIzzDI02QYAoCgDEMYzs/thumbnail.webp?time=10.148","aspectRatio":"158:99","duration":33.35}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":14,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-19T04:32:21.599Z","updatedAt":"2026-06-19T04:32:21.599Z"},{"id":"019eda71-cc37-768e-b9cc-1b3d442745e4","title":null,"body":"

Just dropped Infinite Wall Gallery Component!

an infinite, tilt-able masonry gallery with cinematic light box for Framer. Paste one file, add your images, publish. Perfect for portfolios, look books, and editorial sites

let me know what you think about this component

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just dropped Infinite Wall Gallery Component! "}]},{"type":"paragraph","content":[{"type":"text","text":"an infinite, tilt-able masonry gallery with cinematic light box for Framer. Paste one file, add your images, publish. Perfect for portfolios, look books, and editorial sites"}]},{"type":"paragraph","content":[{"type":"text","text":"let me know what you think about this component"}]}]},"author":{"framerUserId":"db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39","name":"Dwi Ash","slug":"dwiash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39/salxq0kj","followed":false,"followsYou":false},"media":[],"resources":[{"id":"1hTY7UU2R598sNEUvG9b","resolved":true,"title":"InfiniteWall Gallery","body":"$63","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Turn your images into an immersive, infinite exhibition.","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Infinite Gallery Wall is a single-file Framer code component that transforms any image set into an endless, interactive masonry wall. No WebGL, no build step, no dependencies — just paste it into Framer and drop it on the canvas."}]},{"type":"customHeading","content":[{"type":"text","text":"What it does","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Infinite masonry","marks":[{"type":"bold"}]},{"type":"text","text":" — Images flow in fixed-width columns, keep their natural aspect ratios, and wrap seamlessly in every direction. There is no edge."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tilt & drift","marks":[{"type":"bold"}]},{"type":"text","text":" — Add subtle or dramatic rotateX / rotateY / rotateZ perspective, plus independent ambient drift for a living, dimensional feel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Natural panning","marks":[{"type":"bold"}]},{"type":"text","text":" — Choose drag, scroll, both, or none. Inertia carries the movement so the wall feels physical."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cinematic lightbox","marks":[{"type":"bold"}]},{"type":"text","text":" — Tap any sheet and the camera flattens the wall, dims neighbors, and glides the image into focus with a smooth zoom."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Progressive-blur caption","marks":[{"type":"bold"}]},{"type":"text","text":" — Each focused image gets a gorgeous layered backdrop blur with title, description, and a \"View\" link."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Virtualized performance","marks":[{"type":"bold"}]},{"type":"text","text":" — Only nearby tiles are rendered and recycled from a pool. The loop idle-pauses when nothing moves, so it stays smooth even with large galleries."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Safari-sharp focus","marks":[{"type":"bold"}]},{"type":"text","text":" — A dedicated hero image path prevents the softening that transform-scaled images usually get on Safari."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Why it sells","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Zero setup","marks":[{"type":"bold"}]},{"type":"text","text":" — One file, paste into Framer, done."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Design-time controls","marks":[{"type":"bold"}]},{"type":"text","text":" — Column width, gap, radius, tilt, drift, lightbox position, neighbor fade/scale, and caption visibility are all in the properties panel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Flexible images","marks":[{"type":"bold"}]},{"type":"text","text":" — Accepts Framer ResponsiveImage assets or plain URLs, and automatically serves the right resolution for thumbnails vs. focused hi-res."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No broken surprises","marks":[{"type":"bold"}]},{"type":"text","text":" — Stable column assignment prevents layout blinking as images load; decode-based reveals avoid Safari quirks."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect for"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"photography portfolios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"fashion lookbooks"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"editorial sites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"product galleries"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"art showcases"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"and brand mood walls."}]}]}]}]},"introduction":"Tiltable gallery with lighbox","slug":"infinitewall-gallery","author":{"framerUserId":"db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39","name":"Dwi Ash","slug":"dwiash","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39/salxq0kj","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/db8fa3a8-0455-4a7b-9f85-8b48fa5a8d39/62ri9dk0","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-18T11:15:51.439Z","updatedAt":"2026-06-21T11:33:10.883Z","publishedAt":"2026-06-18T11:15:51.435Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://infinitegallerywall.framer.website/","price":"13","paymentUrl":"https://buy.polar.sh/polar_cl_thRPMXODOgviWuZXNPOkKhwa5tT43uq0npdLu1qzZFb","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"lgnAoT1yMEzs3TuTzybB","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":21,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-06-18T22:50:56.827Z","createdAt":"2026-06-18T11:15:51.480Z","updatedAt":"2026-06-18T22:50:56.827Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L64"}]