This product was not featured by Product Hunt yet. It will not be visible on their landing page and won't be ranked (cannot win product of the day regardless of upvotes).
Easy FREE image hotspots generator plugin! Add clickable areas to any image and turn it into a shoppable experience to increase conversion rates. TypeScript-first, zero dependencies, under 10 KB. The visual editor that lets your content team place, edit, and manage hotspots themselves, with no dev involvement after setup. No more tickets every time someone wants to move a pin. Works in vanilla JS and React. Optional Cloudimage CDN integration for responsive image delivery at every zoom level.
@dzmitry_stramavus - is there a recommended pattern for handling multi-language catalogs? For example, passing locale-aware strings at init time? Curious how international stores are approaching this.
I'm Dima, the engineer behind @cloudimage/hotspot - and honestly, this started out of frustration.
Last year I needed a modern image hotspot library for a project. The top npm results were jQuery plugins from 2017, unmaintained, inaccessible, and broken on mobile. One had an open GitHub issue from 2021 that just said "broken on mobile" - 47 thumbs up, no response. So I built a new one.
What we shipped today:
→ TypeScript-first, zero dependencies, under 10 KB gzipped
→ Zoom + pan combined with hotspot popovers (no other library does both well)
→ WCAG 2.1 AA accessibility built in — keyboard nav, ARIA labels, focus trapping, reduced-motion
→ Vanilla JS and React support
→ A no-code visual editor so content teams can place hotspots without involving a developer every time
→ Optional Cloudimage CDN integration for responsive image delivery at every zoom level
It's MIT-licensed. Free to use forever.
What it does:
Hotspot Images transforms static visuals into powerful, interactive product showcases. By placing clickable hotspots directly onto any image, you give shoppers instant access to product details, pricing, and purchase options — all without ever leaving the image they're browsing.
Customers simply tap or hover over a point of interest to reveal rich product information, and can add items to their cart in just one click.
Why it works:
Shoppers engage more deeply when they can explore products in context. Instead of hunting through category pages, they discover and buy directly from the imagery that inspired them — shortening the path to purchase and meaningfully boosting conversion rates.
Business benefits:
→ Turn any image into a fully shoppable, interactive experience
→ Reduce friction between product discovery and purchase
→ Increase time-on-page and overall engagement
→ Works beautifully across desktop and mobile
→ Easy to set up — no coding required
How to use:
The plugin comes with an intuitive visual editor that lets content teams create shoppable images without the need of developer involvement. Anyone can easily add, edit, and manage interactive areas. No more tickets every time someone wants to move a pin.
This Image Hotspots plugin can be easily implemented on any website regardless of the CMS - WordPress (including Divi and Elementor), Shopify, Webflow, or a custom built solution.
If you build product pages for furniture, fashion, or real estate, or if you've ever wasted a week building a custom hotspot solution from scratch, I'd love to hear what you think.
What's the messiest part of your current product image setup? 👇
About Image Hotspots on Product Hunt
“Free Image Hotspots Generator”
Image Hotspots was submitted on Product Hunt and earned 10 upvotes and 5 comments, placing #79 on the daily leaderboard. Easy FREE image hotspots generator plugin! Add clickable areas to any image and turn it into a shoppable experience to increase conversion rates. TypeScript-first, zero dependencies, under 10 KB. The visual editor that lets your content team place, edit, and manage hotspots themselves, with no dev involvement after setup. No more tickets every time someone wants to move a pin. Works in vanilla JS and React. Optional Cloudimage CDN integration for responsive image delivery at every zoom level.
Image Hotspots was featured in Open Source (68.4k followers), GitHub (41.2k followers) and E-Commerce (41.5k followers) on Product Hunt. Together, these topics include over 48.3k products, making this a competitive space to launch in.
Who hunted Image Hotspots?
Image Hotspots was hunted by Marion Varnet. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
Want to see how Image Hotspots stacked up against nearby launches in real time? Check out the live launch dashboard for upvote speed charts, proximity comparisons, and more analytics.
Marion Varnet
@dzmitry_stramavus - is there a recommended pattern for handling multi-language catalogs? For example, passing locale-aware strings at init time? Curious how international stores are approaching this.