Image Selector is a no-code interactive selection component for Framer that lets users visually select an image or item with clear, configurable corner indicators. It’s designed to create focus, selection feedback, and visual hierarchy in galleries, lookbooks, comparisons, and interactive layouts.
You can control the selected image, corner indicator styles (top-left, top-right, bottom-left, bottom-right), visibility, opacity, and overall appearance directly from the properties panel. The component integrates smoothly into existing layouts and works responsively across breakpoints.
Image Selector is ideal for designers who want clear selection states and interactive feedback without relying on custom code or complex logic.
- Visual selection state with corner indicators
- Independent control for each corner style
- Customizable image input
- Opacity and visibility controls
- Clean, minimal interaction design
- No-code setup inside Framer
- Responsive and breakpoint-friendly
- Image galleries and lookbooks
- Product or style selectors
- Comparison layouts
- Interactive portfolios
- Visual UI experiments
Designed to work as a lightweight visual selector. Pair with hover, click, or state-based interactions for richer experiences.