# Updated: Ghost Cursor

By Steven Van · 2026-10-12

Ghost Cursor is now real drifting smoke that runs many times faster, needs no extra dependencies and works on light pages.

Ghost Cursor in [React Bits](<https://creatorstoolbox.com/resources/react-bits>) has been rebuilt as drifting smoke that stays sharp on any screen. The [updated component](<https://reactbits.dev/animations/ghost-cursor>) runs many times faster than the previous version and needs no extra dependencies.

## What changed

- The effect is now real drifting smoke. It floats after the cursor and curls away as it rises.

- Clicks release a puff.

- It works on light pages as well as dark ones.

- It stays sharp on any screen.

## Installing it

The component page offers JavaScript or TypeScript, with plain CSS or Tailwind. The TypeScript and Tailwind version installs with npx shadcn@latest add @react-bits/GhostCursor-TS-TW.

![React Bits](<https://reactbits.dev/favicon.ico>)

React Bits

An open-source collection of 200+ animated, interactive React components and micro-interactions.

[View React Bits →](<https://creatorstoolbox.com/resources/react-bits>)

Sources

[Original source](<https://reactbits.dev/animations/ghost-cursor>)

[Read Updated: Ghost Cursor on Creators Toolbox](<https://creatorstoolbox.com/blog/react-bits-updated-ghost-cursor>)

---
Canonical source: https://creatorstoolbox.com/blog/react-bits-updated-ghost-cursor