5c:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/40ipl9wdtrm_x.js","/creators-assets/_next/static/immutable/chunks/1bd061yvfby7i.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/261vlyelvzlq8.js","/creators-assets/_next/static/immutable/chunks/1dos0ha5yclxm.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/2sto35ho57xfv.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/3zq6fwu67wjoy.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/2hfz7h1vpjv9v.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/41glpbsahf_22.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/1sqglx-c1va7i.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2zqx3_h6kju09.js","/creators-assets/_next/static/immutable/chunks/1xkjm3oyldl_r.js","/creators-assets/_next/static/immutable/chunks/2bej0vd4kut9m.js","/creators-assets/_next/static/immutable/chunks/3wk6_kr5br5aj.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/31uxrh745m-yq.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/2ee50z0bknh40.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/0e-wwv74y78f7.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/03j_erjzu_t0-.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/0rfcd366io6r9.js"],"PostDetailCard"] 5e:I[539959,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/40ipl9wdtrm_x.js","/creators-assets/_next/static/immutable/chunks/1bd061yvfby7i.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/261vlyelvzlq8.js","/creators-assets/_next/static/immutable/chunks/1dos0ha5yclxm.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/2sto35ho57xfv.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/3zq6fwu67wjoy.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/2hfz7h1vpjv9v.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/41glpbsahf_22.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/1sqglx-c1va7i.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2zqx3_h6kju09.js","/creators-assets/_next/static/immutable/chunks/1xkjm3oyldl_r.js","/creators-assets/_next/static/immutable/chunks/2bej0vd4kut9m.js","/creators-assets/_next/static/immutable/chunks/3wk6_kr5br5aj.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/31uxrh745m-yq.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/2ee50z0bknh40.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/0e-wwv74y78f7.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/03j_erjzu_t0-.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/0rfcd366io6r9.js"],"CommentSection"] 5d:T69e,

Make Your Layouts Feel Alive

Proximity Grid transforms any image collection into a tactile, cursor-reactive experience. Images scale, tilt, fade, and desaturate based on how close your visitor's cursor is; creating a premium interactive feel with zero code.

What It Does

Proximity Scaling: Close images grow, far images shrink; smooth spring physics, no jitter.
3D Tilt: Each image subtly rotates to face the cursor, adding real depth.
Opacity & Saturation: Far images fade and desaturate, spotlighting what's near the cursor.
Dynamic Border Radius: Corners round up as the cursor approaches, sharpen when it leaves.
Stacked Entry: All images start piled at center, then fan out to the grid when the cursor appears. They collapse back when the cursor leaves the window.
Drop Shadow: Optional soft shadow for a lifted, card-like look.

Fully Configurable

Any Grid Layout: Set rows and columns (1–6 each) to build 1×1, 2×3, 4×4, or anything in between.
Spring Physics: Dial in stiffness and damping to make it snappy or buttery smooth.
All Properties Exposed: Image size, min/max scale, tilt angle, opacity floor, saturation floor, border radius, gap; everything adjustable from Framer's property panel.
Links: Attach URLs to any image for interactive navigation grids.

59:[["$","$L5c",null,{"post":{"id":"019ea212-c6e7-74ec-9982-d04fbc961005","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"360f55f7-4da2-4456-8429-cfdfd49419bf","name":"Khizer","slug":"khizer","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/360f55f7-4da2-4456-8429-cfdfd49419bf/mhp495w1","followed":false,"followsYou":false},"media":[],"resources":[{"id":"uj0VA60Q6652owcYB7cY","resolved":true,"title":"Proximity Grid","body":"$5d","bodyJson":null,"introduction":"Cursor-reactive grid with 3D depth.","slug":"proximity-grid","author":{"framerUserId":"360f55f7-4da2-4456-8429-cfdfd49419bf","name":"Khizer","slug":"khizer","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/360f55f7-4da2-4456-8429-cfdfd49419bf/mhp495w1","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/uj0VA60Q6652owcYB7cY/proximity-grid-8HeUZQx2uKJevIZUXZc1pSXKFAc3Fg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-03T16:29:26.993Z","updatedAt":"2026-06-13T12:00:44.680Z","publishedAt":"2026-06-07T12:33:20.103Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://proximity-grid.framer.website/","price":"4","paymentUrl":"https://buy.polar.sh/polar_cl_mYoPTTlrILNg6EkNcwTEKqhSrmNqZvkO8kIfS1A4LUb","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"AbslnfQhbh0PsymLjo8x","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-07T12:33:20.103Z","updatedAt":"2026-06-07T12:33:20.103Z","reported":false}}],["$","$L5e",null,{"target":{"kind":"post","postId":"019ea212-c6e7-74ec-9982-d04fbc961005"},"postId":"019ea212-c6e7-74ec-9982-d04fbc961005","postAuthor":"$59:0:props:post:author","targetCommentId":"$undefined"}]]

Suggested for you