Skip to content
shadcn.io

shadcn.io is not affiliated with official shadcn/ui

Shadcn Image Zoom for React Radix UI

Click to zoom images, SVG, and diagrams.

Framework
UI library
A desk by a window

Installation

bunx --bun shadcn@latest add https://kit.dev/r/radix/image-zoom.json

Usage

import { ImageZoom } from "@/components/ui/image-zoom";
<ImageZoom
  alt="A desk by a window"
  className="max-w-sm rounded-xl"
  height={450}
  src="https://images.unsplash.com/photo-1497366216548-37526070297c?auto=format&fit=crop&w=800&q=80"
  width={800}
/>

Demos

Svg

API Reference

ImageZoom

PropType