ai-animate

Text

TargetCursor

Crosshair cursor that locks onto target elements with spinning corners.

Installation

npm install @ai-animate/core

Usage

import { TargetCursor } from '@ai-animate/core'


<TargetCursor />

Props

targetSelectorstring.cursor-targetCSS selector for elements the cursor should target
spinDurationnumber2Seconds per full cursor rotation
hideDefaultCursorbooleantrueHide the system cursor
hoverDurationnumber0.2Duration of corner snap animation on hover in seconds
parallaxOnbooleantrueCorners follow mouse parallax while hovering target
cursorColorstring#ffffffCursor color (border and dot)