Lens

A lens component to zoom into images, videos, or practically anything.

Apple Vision Pro

The all new apple vision pro was the best thing that happened around 8 months ago, not anymore.

npx shadcn@latest add @aceternity/lens

The all new apple vision pro was the best thing that happened around 8 months ago, not anymore.

The all new apple vision pro was the best thing that happened around 8 months ago, not anymore.

The all new apple vision pro was the best thing that happened around 8 months ago, not anymore.

Prop	Type	Default	Description
`children`	`React.ReactNode`	`Required`	The content to be displayed inside the lens
`zoomFactor`	`number`	`1.5`	The magnification factor for the lens
`lensSize`	`number`	`170`	The diameter of the lens in pixels
`position`	`{ x: number, y: number }`	`{ x: 200, y: 150 }`	The static position of the lens (when isStatic is true)
`isStatic`	`boolean`	`false`	If true, the lens stays in a fixed position; if false, it follows the mouse
`isFocusing`	`() => void`	-	Callback function when the lens is focusing (not used in current implementation)
`hovering`	`boolean`	-	External control for the hover state
`setHovering`	`(hovering: boolean) => void`	-	External setter for the hover state

Next.js 15, Tailwind CSS v4 and Motion for react powered templates

200+ templates and blocks combined

Ready to copy paste component blocks, save days of development time