@izhann/react-cursor-fx
Version:
Interactive cursor effects for React and Next.js applications — zero runtime dependencies
30 lines (29 loc) • 1.07 kB
TypeScript
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 {};