Real-time feature detection: Auto mode finds faces and detail areas; Person mode favors skin regions; Detail mode finds high-contrast edges and textures
Animated grid overlay with dashed lines and configurable opacity
Connection lines with tick marks between detection points
Scan sweep animation that runs across each hover box
Crosshair with live coordinate readout (latitude/longitude style)
Label chips with template tokens: {score} {id} {coords} {time}
Click to re-scan. Click anywhere on the media to refresh detection around that point
Always-on mode available for continuous scanning without hover
Four visual effects. Bitmap (threshold dither with Bayer matrix), Pixelated (block mosaic), Code (glyph overlay from brightness values), X-Ray (inverted luminance with color tint) — applied to boxes or full footage
Supports images and video, mixed media via Framer's responsive image and video inputs
Aspect ratio lock (free, 16:9, 3:2, 4:3, 1:1, 4:5, 9:16, 21:8) or free-form
Mirror mode flips the media horizontally
Portfolio and creative showcase pages
Product detail scans and tech demos
Editorial and documentary-style layouts
Experimental hero sections with interactive hover states
Music, gaming, and sci-fi themed sites
Drop the component onto any frame and resize it.
Set your image or video in the Media section. The scanner activates on hover.
Adjust Detection points, box size, and zoom to taste.
Pick an Effect style (or leave it as None for the clean scanner look).
Toggle grid, crosshair, connections, and labels on or off.
Real-time feature detection: Auto mode finds faces and detail areas; Person mode favors skin regions; Detail mode finds high-contrast edges and textures
Animated grid overlay with dashed lines and configurable opacity
Connection lines with tick marks between detection points
Scan sweep animation that runs across each hover box
Crosshair with live coordinate readout (latitude/longitude style)
Label chips with template tokens: {score} {id} {coords} {time}
Click to re-scan. Click anywhere on the media to refresh detection around that point
Always-on mode available for continuous scanning without hover
Four visual effects. Bitmap (threshold dither with Bayer matrix), Pixelated (block mosaic), Code (glyph overlay from brightness values), X-Ray (inverted luminance with color tint) — applied to boxes or full footage
Supports images and video, mixed media via Framer's responsive image and video inputs
Aspect ratio lock (free, 16:9, 3:2, 4:3, 1:1, 4:5, 9:16, 21:8) or free-form
Mirror mode flips the media horizontally
Portfolio and creative showcase pages
Product detail scans and tech demos
Editorial and documentary-style layouts
Experimental hero sections with interactive hover states
Music, gaming, and sci-fi themed sites
Drop the component onto any frame and resize it.
Set your image or video in the Media section. The scanner activates on hover.
Adjust Detection points, box size, and zoom to taste.
Pick an Effect style (or leave it as None for the clean scanner look).
Toggle grid, crosshair, connections, and labels on or off.