Pointer

A component that displays a pointer when hovering over an element

Source code

Click to see the source code for this component on GitHub.

Feel free to copy it and adjust it for your own use.

Installation

npx ui-thing@latest magic pointer

Usage

Basic

Animated Pointer

Animated pointer
Move your cursor here

Colored Pointer

A custom pointer with different color
Try me out

Custom Shape

A pointer with a custom SVG shape
Hover here

Emoji Pointer

Using an emoji as a custom pointer
Check this out