Media

Hover zoom frame

An image that magnifies smoothly around the cursor on hover, or on tap, letting a visitor inspect detail without leaving the page.

Using Hover zoom frame

An image that magnifies smoothly around the cursor on hover, or on tap, letting a visitor inspect detail without leaving the page.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: zoomScale, zoomOnHover, zoomOnClick, cornerRadius

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The preview and component description are public. Sign in with an authorized account to open the code, framework versions and installation panel.

Connect your agent

Nearby

2329Cursor magnifier lensMediaA round lens follows the pointer over an image and magnifies only the small patch beneath it, like a handheld loupe.

2298Android device frameMediaA vector Android phone bezel that frames a photo or looping video inside its screen with correctly rounded corners.

2308Browser window frameMediaA desktop browser window mockup with traffic-light dots and an address bar that frames a screenshot or looping video as its page content.

2352Experience ShelfMediaA horizontally scrolling shelf of photo cards, each with a save button, badge, rating and price, that scrolls smoothly with arrow buttons or a swipe.

2735Halftone print loupeMediaA picture rendered as a screen of printed ink dots, with a round loupe under the pointer where the dots dissolve back into the smooth original.

2738Interactive spin globeMediaA shaded canvas globe that autorotates slowly, lights glowing markers over scattered locations, and can be grabbed and spun by hand.