Image Story Pins

✦ Give every detail a story.

Turn a single image into an interactive visual story with numbered hotspots, a colorful detail panel and smooth content transitions. A simple way to showcase features, ideas and the little things that make a difference. Make it completely your own with flexible controls for layout, styling and motion :)

⚙ What you can customize

Easily adapt every part of the component to match your own brand and style.

Main image ✦ Detail images ✦ Hotspot positions ✦ Titles ✦ Descriptions ✦ CTA labels ✦ Links ✦ Panel color ✦ Pin colors ✦ Typography ✦ Image height ✦ Corner radius ✦ Spacing ✦ Animation speed

🎯 Perfect for

Product features ✦ Creative portfolios ✦ Interactive storytelling ✦ Studio websites ✦ Editorial showcases ✦ Visual explainers ✦ Landing pages ✦ Service highlights

📱 Responsive by default

A spacious side-by-side composition on larger screens naturally becomes a stacked image-and-detail layout on smaller screens, keeping every hotspot and detail accessible.

🖱 Included interactions

Interactive image hotspots ✦ Animated detail transitions ✦ Active pin highlights ✦ Full-panel links ✦ Keyboard focus states ✦ Touch-friendly selection ✦ Reduced-motion support

🔗 Live Preview

https://endless-day-943835.framer.app

––––––––

❤ Thank you so much for your support! I genuinely appreciate every download. I hope you have fun customizing this component and making it your own. Happy building!