Custom Cursor
Custom cursor replacement with smooth trailing and hover state changes.
effectscursorcustomanimated
Installation
Terminalbash
npx motioncraft add custom-cursorUsage
custom-cursor.tsxtsx
import { CustomCursor } from "@/components/effects/custom-cursor";
<CustomCursor />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | — | Additional CSS classes |
Related Components
Animated Input
Input field with animated label, focus ring, and validation states.
Fluid Cursor
NewMetaball-style cursor with trailing blobs that merge and separate. Direction-aware coloring with blend mode effects.
Reveal on Hover
NewText that reveals an image on hover, following the cursor position with spring animations.
Audio Reactive
NewElements that pulse and react to audio input from the microphone. Includes visualizer bars and scale effects.