Target Cursor

Component 29

About

Here is Target Cursor component

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Target Cursor to your project and fits it to your theme.

Code

How Target Cursor is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import TargetCursor from '@/components/ui/target-cursor';

export default function App() {
  return (
    <div>
      <TargetCursor 
        spinDuration={2}
        hideDefaultCursor={true}
      />
      
  
      <button className="cursor-target">Click me!</button>
      <div className="cursor-target">Hover target</div>
    </div>
  );
}