SkillGitHub
All components
cursor-lens

Cursor lens

Compares two states of the same media through a movable detail lens.

  • Keyboard ready
  • Reduced motion
  • TypeScript
Scene
editorial · warm
Runtime cost
Light
Motion engine
motion
Installnpx shadcn@latest add https://motion-lexicon.pages.dev/r/cursor-lens.json

Component behavior

Pointer and keyboard controlled comparison lens Compares two states of the same media through a movable detail lens.

Suitable events

Use for browsing, focusing, scrolling, and dragging media.

Runtime information

Motion engine
motion
Runtime cost
Light
Dependencies
motion
Open public Registry JSON