KQ-180 · CURSOR/LENS

Cursor Lens

A round glass that follows the pointer and magnifies whatever is beneath it. The magnified copy scales about the exact point under the cursor and a fixed circular clip travels with it, both driven off two motion values — so the glass tracks the cursor without a single render.

KQ-180 · CURSOR/LENS

SPECIMEN SHEET

Bore 4.6 mm

tol +/- 0.1 mm · 48 kHz · pass 2 · cobalt housing · brass collar · oxide seal · nine tonnes · hold inside a tenth across the run

Move the pointer over the sheet

Install

One command — the source lands in your repo. Or copy it from the Code tab.

$ pnpm dlx shadcn@latest add @kinetiq/cursor-lens

Props

PropTypeDefaultDescription
childrenReactNodeThe content under the glass; keep it presentational.
zoom / sizenumber2 / 128Magnification and lens diameter in px.