Image Zoom
Click-to-zoom image viewer with blurred backdrop for React
Image Zoom preview
Scroll to load preview
Click to expand images full-screen with a blurred backdrop. Image scales smoothly from its position to fill the viewport. Click the backdrop or image to zoom out. Respects prefers-reduced-motion. Great for product photos, portfolios, or documentation screenshots.
Install with AI
If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this component for you — no copy-paste, no CLI:
use shadcnio to install the image-zoom component into my projectRelated Components
FAQ
Was this page helpful?
Sign in to leave feedback.