5c:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/3jpuro209qqra.js","/creators-assets/_next/static/immutable/chunks/077g_l9cwe8hz.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/2ouyrs2yz196q.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/3orcs6a8eyfvz.js","/creators-assets/_next/static/immutable/chunks/3-tcb9ouhlqkm.js","/creators-assets/_next/static/immutable/chunks/3n0g19afc7srh.js","/creators-assets/_next/static/immutable/chunks/41zrh_r6fdtfq.js","/creators-assets/_next/static/immutable/chunks/120zfy8hqrcwf.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/1p31g3z3kho5v.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/2885u7skzba5_.js","/creators-assets/_next/static/immutable/chunks/1u1uuj9mj0hoo.js","/creators-assets/_next/static/immutable/chunks/1fo1h_o5odhhk.js","/creators-assets/_next/static/immutable/chunks/2iw_-bo8jogap.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v-er0xp5q011.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/2rwbpl35w01v4.js","/creators-assets/_next/static/immutable/chunks/37uei1iwbnu3m.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/0djs9po3g19ek.js","/creators-assets/_next/static/immutable/chunks/1_ej2mmnwnp37.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2_qutx8yar-up.js","/creators-assets/_next/static/immutable/chunks/0bcmpcsc4ih7d.js"],"PostDetailCard"] 5e:I[539959,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/3jpuro209qqra.js","/creators-assets/_next/static/immutable/chunks/077g_l9cwe8hz.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/2ouyrs2yz196q.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/3orcs6a8eyfvz.js","/creators-assets/_next/static/immutable/chunks/3-tcb9ouhlqkm.js","/creators-assets/_next/static/immutable/chunks/3n0g19afc7srh.js","/creators-assets/_next/static/immutable/chunks/41zrh_r6fdtfq.js","/creators-assets/_next/static/immutable/chunks/120zfy8hqrcwf.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/1p31g3z3kho5v.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/2885u7skzba5_.js","/creators-assets/_next/static/immutable/chunks/1u1uuj9mj0hoo.js","/creators-assets/_next/static/immutable/chunks/1fo1h_o5odhhk.js","/creators-assets/_next/static/immutable/chunks/2iw_-bo8jogap.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v-er0xp5q011.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/2rwbpl35w01v4.js","/creators-assets/_next/static/immutable/chunks/37uei1iwbnu3m.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/0djs9po3g19ek.js","/creators-assets/_next/static/immutable/chunks/1_ej2mmnwnp37.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2_qutx8yar-up.js","/creators-assets/_next/static/immutable/chunks/0bcmpcsc4ih7d.js"],"CommentSection"] 5d:T5d8,

Create stunning interactive experiences with this advanced image reveal component. As users hover or touch the surface, geometric shapes dramatically scatter to unveil a hidden image underneath. Perfect for before/after comparisons, product reveals, or creative storytelling. Features smooth cross-device animations, multiple shape types, and extensive customization options for professional-grade interactive designs.

Key Points

- ✨ Dramatic visual impact with smooth shape displacement

- 📱 Works seamlessly across desktop, tablet, and mobile devices

- 🎨 Three distinct shape styles (circles, hexagons, pixels)

- ⚡ Performance-optimized with device-specific adaptations

- 🎛️ Extensive customization controls for unique designs

- 🖼️ Perfect for before/after reveals and interactive storytelling

This component would appeal to designers looking for premium interactive effects for portfolios, product showcases, or engaging web experiences.

Refund Policy

The Image Scatter component is a digital product. Once purchased, you receive immediate access to the files and functionality, which cannot be “returned.”

For this reason, all sales are final and non-refundable.

If you encounter any issues with the component, I’ll be happy to provide support or guidance to make sure it works as intended. Please reach out before purchasing if you have questions.

59:[["$","$L5c",null,{"post":{"id":"01991089-ccdc-7c12-aed2-9b80c3c9536e","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"baf2f326-f100-424f-8c9e-b5e3c1731946","name":"Lunatique Design","slug":"lunatique-design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/246810/avatar-1Ha8pwxyT7yyyphRvTXH2QPPFT15b1.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"9VOu0idP1a6BwaBNdDyr","resolved":true,"title":"ImageScatter","body":"$5d","bodyJson":null,"introduction":"","slug":"imagescatter","author":{"framerUserId":"baf2f326-f100-424f-8c9e-b5e3c1731946","name":"Lunatique Design","slug":"lunatique-design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/246810/avatar-1Ha8pwxyT7yyyphRvTXH2QPPFT15b1.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/9VOu0idP1a6BwaBNdDyr/imagescatter-Tsa2RkCKK39QVxTV75cEph5N5eQdVN"}],"post":null,"createdAt":"2025-08-21T20:18:27.831Z","updatedAt":"2025-09-03T14:14:27.116Z","publishedAt":"2025-09-03T17:04:50.396Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://reveal-displacement-hover.framer.website/","price":"15","paymentUrl":"https://buy.polar.sh/polar_cl_09MtR8TW2NXhYGTvgPzFEp11dexJKMvLPeoLH38hlX2","workshop":true,"categories":[{"id":"3a855006-6097-4489-b33b-8024cb26633e","name":"Interactions","slug":"interactions"}],"lastSaveId":"zhTz87NhSULpeU1eq48r"}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-09-03T17:04:50.396Z","updatedAt":"2025-09-03T17:04:50.396Z","reported":false}}],["$","$L5e",null,{"target":{"kind":"post","postId":"01991089-ccdc-7c12-aed2-9b80c3c9536e"},"postId":"01991089-ccdc-7c12-aed2-9b80c3c9536e","postAuthor":"$59:0:props:post:author","targetCommentId":"$undefined"}]]

Suggested for you