Cursor
Collaborator cursor indicator with name and message for React
Cursor preview
Scroll to load preview
Show where other users are working with their name and what they're doing ("Alex is typing..."). This renders static cursors you position absolutely—not a mouse follower. Arrow pointer, name label, optional message. Color-code by user. Great for multiplayer apps or collaborative editing.
Install with AI
If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this component for you — no copy-paste, no CLI:
use shadcnio to install the cursor component into my projectRelated Components
Animated Cursor
Mouse-following cursor
Animated Tooltip
Hover tooltips
Avatar Group
User presence indicators
Glimpse
Hover card preview
FAQ
Was this page helpful?
Sign in to leave feedback.