56:I[473921,["/creators-assets/_next/static/immutable/chunks/456dxp3afc8vw.js","/creators-assets/_next/static/immutable/chunks/2bxtessbrg0z1.js","/creators-assets/_next/static/immutable/chunks/0bntpu9zyiup3.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/0_p7_rfyih3ce.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/3x7cofmdt-u_a.js","/creators-assets/_next/static/immutable/chunks/18e_sauhpyyit.js","/creators-assets/_next/static/immutable/chunks/13xqrk3e5k8yu.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/3oybmd01gs-b6.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/1yn3k6g09tq32.js","/creators-assets/_next/static/immutable/chunks/3ly-i84yiij4i.js","/creators-assets/_next/static/immutable/chunks/1cey7skpirawe.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/2n9qmawfhavju.js","/creators-assets/_next/static/immutable/chunks/0m8lhf01xskqj.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/2lxef2-u417vc.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/439i_r5_4eszl.js","/creators-assets/_next/static/immutable/chunks/2ch5kewqiwntv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3xmobvbzj3637.js","/creators-assets/_next/static/immutable/chunks/26fs9mkd8gzie.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/110hzb6dmcbdr.js","/creators-assets/_next/static/immutable/chunks/2eiu9v0ook5ln.js","/creators-assets/_next/static/immutable/chunks/1zt764sfv2wd7.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/3gx0_q52o4oil.js","/creators-assets/_next/static/immutable/chunks/0u_jiik6ovv_e.js","/creators-assets/_next/static/immutable/chunks/2warb3xv9rce7.js","/creators-assets/_next/static/immutable/chunks/1tvhyiuh-gmez.js"],"PostDetailCard"] 57:T9de,

Turn any image into an interactive experience with hotspots. The Image Spots component lets you place numbered markers anywhere on an image, each revealing a styled info box with smooth animations.

Flexible Spot Placement

Position up to 20 spots anywhere on your image using percentage-based coordinates. Each spot supports its own title, description, and info box placement direction, top, right, bottom, or left.

Click or Hover Interaction

Choose between click-to-reveal or hover-to-reveal modes. Info boxes animate in with smooth scale and fade transitions powered by Framer Motion, and automatically reposition on window resize.

Full Style Control Customize

Every detail, spot size, colors, border radius, borders, box shadows, backdrop blur, and fonts. Style the info box independently with its own background, padding, border radius, shadow, and typography.

Smart Info Box Positioning

Info boxes automatically position themselves relative to each spot based on your chosen direction, with configurable offset, width, and max height to fit your layout perfectly.

Refund Policy

All sales are final. Since our products are digital and provide instant access to the Framer code component, we cannot offer refunds, exchanges, or cancellations.

Please review all product details and previews before purchasing. If you have any questions, contact us and we will be glad to assist before checkout.

By completing your purchase, you agree to this policy.

53:[["$","$L56",null,{"post":{"id":"019cb928-24ad-7ba8-82f3-55c4e6b5ec61","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"48d8fe17-6048-4d09-94d7-5e6cedf057c5","name":"Feux Design","slug":"feux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/32149/d21bd8eaec590c2612961dde0baa181f-jIorK6c891UUckoIvbOTbUVr0J6FMW","followed":false,"followsYou":false},"media":[],"resources":[{"id":"K9Hz8faWMczfmLXcMWoQ","resolved":true,"title":"Image Hotspots","body":"$57","bodyJson":null,"introduction":"Add interactive hotspots to any image","slug":"image-hotspots","author":{"framerUserId":"48d8fe17-6048-4d09-94d7-5e6cedf057c5","name":"Feux Design","slug":"feux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/32149/d21bd8eaec590c2612961dde0baa181f-jIorK6c891UUckoIvbOTbUVr0J6FMW","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/K9Hz8faWMczfmLXcMWoQ/image-hotspots-8ffp6uTI2RTe4jYfNWLcTQYvQeHGFT","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-21T10:21:10.290Z","updatedAt":"2026-03-04T09:56:56.092Z","publishedAt":"2026-03-04T14:02:21.741Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://technical-shares-802137.framer.app/","price":"12","paymentUrl":"https://feuxacademy.lemonsqueezy.com/checkout/buy/2ec559d3-a98e-411f-bbdd-683ebee95e68","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"gkqJgfY5sSmNq4A9zlqN","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-04T14:02:21.741Z","updatedAt":"2026-03-04T14:02:21.741Z","reported":false,"type":"post"}}],"$L58"]

Suggested for you