Shadcn.io is not affiliated with official shadcn/ui
Image Zoom
Click-to-zoom image viewer with blurred backdrop for React
Click to expand images full-screen with a blurred backdrop. Built on react-medium-image-zoom. Image scales smoothly from its position to fill viewport. Custom circular zoom buttons in corners—zoom-in hidden until keyboard focus (accessible but unobtrusive). Click backdrop or image to zoom out. Respects prefers-reduced-motion. Perfect for product photos, portfolios, or documentation screenshots.
Scroll to load preview
Installation
Related Components
FAQ
Was this page helpful?
Sign in to leave feedback.