# Invert Cursor

> A dot that inverts the page, swelling over links and buttons.

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.

- Page: https://foundry44.dev/components/invert-cursor/
- Category: [Cursors](https://foundry44.dev/library/cursors/)
- Interactions: cursor, click
- Dependencies: none
- Licence: Pro

## 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.

Settings: `size`, `grow`, `stiffness`, `damping`, `pull`, `stretch`.