Lens

Circular magnifier that follows the pointer or arrow keys to zoom into an image.

Library

Velora UI

Framework

React

Type

ui

License

MIT

Install

npx shadcn@latest add https://velora.colorlib.com/r/lens.json

Files

• src/components/velora/lens.tsx
• src/lib/utils.ts

Source

https://github.com/ColorlibHQ/velora-ui

Categories

• Effect Components
• React Effect Components
• Tailwind CSS Effect Components
• Animated Effect Components
• Image Components
• React Image Components
• Tailwind CSS Image Components
• Animated Image Components
• Image Zoom Components
• React Image Zoom Components
• Animated Image Zoom Components
• Media Components

More from Velora UI

• Compare Slider
• Direction Aware Hover
• 3D Card
• 3D Marquee
• 3D Pin
• Animated Beam
• Animated Gradient Text
• Animated List
• Animated Modal
• Animated Sidebar
• Animated Tabs
• Animated Testimonials