MediaClient component

Cursor Lens

A circular magnifier for arbitrary React content with configurable lens size and zoom.

Move across the details to inspect them

0xRIVELLEDETAIL / 2048

Inspect the details

Usage

tsx

import { CursorLens } from "@/components/effects/cursor-lens"

export function Demo() {
  return (
    <CursorLens className="h-96" size={180} zoom={1.8}>
      <YourContent />
    </CursorLens>
  )
}