Invert Cursor
A dot that inverts the page, swelling over links and buttons.
A Pro component: the live demo and the code come with Pro.
Settings
Pro- size
- grow
- stiffness
- damping
- pull
- stretch
What it does
Invert Cursor is a cursor effect ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called blend cursor, difference cursor or inverted cursor.
A small dot takes the place of the cursor and inverts every colour it crosses. It stretches with speed, swells into a disc that leans toward links and buttons, and turns into a text caret over paragraphs. Touch screens keep their usual behaviour.
With Pro
The AI prompt, the React component, the plain JavaScript file and the embed come with Pro, along with the live demo. Every setting is optional: with none, you get the effect as the preview shows it.