design-infraReport a problem or share feedback← Catalog
Lens
freemagicui/lens
A interactive component that enables zooming into images, videos and other elements.
$
npx shadcn@latest add @magicui/lensnpm deps: motion
- Source
- Magic UI
- Kind
- component
- Categories
- image
- Use as
- wrapper — wraps your existing element
- Applies to
- image
- Motion
- on hover, cursor · medium · motion · medium cost
- Tags
- motion
- Licence
- MIT (magicuidesign/magicui). Magic UI Pro templates are a separate paid product — not catalogued.
- Live demo
- magicui.design
- Docs
- magicui.design
Similar
Compare all 4 →- Lensaceternity/lensA lens component to zoom into images, videos, or practically anything.
- Button Magnetic Buttonbeui/button-magneticCursor attraction for a prominent action. Use sparingly and check touch, keyboard and reduced-motion behavior in the target app.
- Shader Lens Blurcult-ui/shader-lens-blurWebGL shader component with lens blur effects and mouse interaction