Animated Cursor

Replace the default cursor with something custom—a dot, a ring, emoji, whatever. CursorFollow adds a smooth trailing effect. You can have multiple followers at different positions around the cursor. The native cursor hides when you enter the container and comes back when you leave. Great for portfolios or creative sites.

Animated Cursor preview

Installation

npx shadcn@latest add https://www.shadcn.io/r/animated-cursor.json

npx shadcn@latest add https://www.shadcn.io/r/animated-cursor.json

pnpm dlx shadcn@latest add https://www.shadcn.io/r/animated-cursor.json

bunx shadcn@latest add https://www.shadcn.io/r/animated-cursor.json

Related Components

FAQ