Aisol Hotspots — Framer Component

Aisol Hotspots puts labelled points on any image in Framer (a product shot, a screenshot, a floor plan) and keeps them in place at every screen size.

- Every hotspot is reachable by keyboard: tab to it, Enter or Space to open, Esc to close, with aria-expanded and aria-describedby wired up.

- On phones the dots turn into a numbered list, so a tooltip never falls off a small screen.

- Coordinates are percentages, so the points stay put across breakpoints. Bind the image control to a CMS image field and every item keeps the same layout.

Tooltips flip above or below and pull themselves back inside the image near an edge, long text is clamped to a line count you choose, and each hotspot can carry a link. The component works entirely inside its own frame: it never reads or changes the rest of your page.

Live preview: https://thistle-timing-694660.framer.app/aisol-hotspots

License: use in unlimited projects of your own; no resale of the component itself.