UNPKG

@izhann/react-cursor-fx

Version:

Interactive cursor effects for React and Next.js applications — zero runtime dependencies

30 lines (29 loc) 1.07 kB
import type React from "react"; type ClickEffectType = "ripple" | "burst" | "sparkle" | "shockwave" | "confetti" | "implode"; interface CursorClickEffectProps { /** Maximum diameter the effect expands to in px */ size?: number; /** Animation duration in ms */ duration?: number; /** CSS color string (ignored for confetti, use palette) */ color?: string; /** Stroke / particle width in px */ strokeWidth?: number; /** z-index */ zIndex?: number; /** * "ripple" — expanding ring (default) * "burst" — particles radiating outward * "sparkle" — star-ray lines * "shockwave" — two concentric rings with stagger * "confetti" — colored rectangles with gravity * "implode" — particles rush inward then explode outward */ type?: ClickEffectType; /** Number of particles / rays */ particleCount?: number; /** Color palette for "confetti" type */ palette?: string[]; } export declare const CursorClickEffect: React.FC<CursorClickEffectProps>; export {};