Pinch Zoom

A zoom and pan container for maps, diagrams and photos: pinch, double tap, Ctrl or Cmd plus wheel, drag, +/-/0 keys and on-screen buttons, with bounds so content never leaves the box.

pnpm dlx shadcn@latest add "https://ui.tealmac.com/r/pinch-zoom.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

Registry Health Inspect

Pinch Zoom – shadcn/ui Component by tealmac | shadcnregistry

Registries
tealmac
Pinch Zoom

Pinch Zoom

A zoom and pan container for maps, diagrams and photos: pinch, double tap, Ctrl or Cmd plus wheel, drag, +/-/0 keys and on-screen buttons, with bounds so content never leaves the box.

pnpm dlx shadcn@latest add "https://ui.tealmac.com/r/pinch-zoom.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

@use-gesture/react
lucide-react

components/ui/pinch-zoom.tsx

@use-gesture/react
lucide-react

components/ui/pinch-zoom.tsx