# Inverted Cursor

> A smooth, customizable React cursor component that replaces the native cursor with a circular, inverted color cursor. It smoothly follows the mouse pointer, hides when the cursor leaves the viewport, and supports adjustable size via props. Built with TypeScript, React hooks, and CSS blend modes for a modern interactive UI effect.

- Author: [Arunachalam](https://21st.dev/@arunachalam)
- License: unknown
- Live preview: https://21st.dev/@arunachalam/components/inverted-cursor

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/arunachalam/inverted-cursor?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt