Magnify

item

A sci-fi scanner lens that follows the cursor and magnifies the live page inside a configurable HUD reticle, with chromatic aberration haze and click ripples that bend the page. The HTML stays interactive. No dependencies.

pnpm dlx shadcn@latest add "https://api.catalogs.dev/shadcn/davidhdev/magnify/react.json"

Sign In

Magnify

item

A sci-fi scanner lens that follows the cursor and magnifies the live page inside a configurable HUD reticle, with chromatic aberration haze and click ripples that bend the page. The HTML stays interactive. No dependencies.

pnpm dlx shadcn@latest add "https://api.catalogs.dev/shadcn/davidhdev/magnify/react.json"

components/canvasui/Magnify.tsx