Custom cursor and pointer components for React

A lens magnifier, multiplayer-style following pointers, a smooth custom cursor and pointer highlights. They only activate for mouse and trackpad users and never hide the cursor on touch.

4 components · free and MIT licensed · install any of them with the shadcn CLI

Q3 launch board

Move your mouse around the canvas to see a teammate's cursor.

Following Pointer

Swaps the cursor for an arrow and a name tag that trail the pointer inside a region.

Lens

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

Every component ships with reduced motion built in.

Pointer Highlight

Draws an outline around a phrase on scroll, then glides a pointer icon to its corner.

Move your mouse around this box

The ring trails behind the dot and grows over links and buttons.

Smooth Cursor

Dot-and-ring custom cursor; the ring trails on a spring and grows over links and buttons.