About DecisionNote

Numbered notes on an image, with a detail lens and a guided tour.

What it does:

- Up to 12 numbered pins, each with a title, a note and a position in %

- Note panel with a list, previous/next buttons and a round magnified detail lens

- Guided mode zooms the image to the active pin and dims the surroundings

- Optional position editor: drag pins or nudge them with the arrow keys

- Copy positions button that exports coordinates to paste into the Positions property

- Light and Dark themes plus colour, radius, depth and font controls

Good to know:

- Dragging in the editor does not save back to Framer automatically. Paste the copied positions to keep them.

- The detail lens assumes a 3:2 image.

Included: one Framer code component (TSX file + component URL), a setup guide and the example images used in the preview.

DecisionNote