@izhann/react-cursor-fx
Version:
Interactive cursor effects for React and Next.js applications — zero runtime dependencies
27 lines (26 loc) • 907 B
TypeScript
import type React from "react";
type TrailType = "dots" | "line" | "glow" | "ink" | "spark";
interface CursorTrailProps {
/** Number of trail points (dots/line/glow) */
count?: number;
/** CSS color string */
color?: string;
/** Dot diameter / line width in px */
size?: number;
/** z-index */
zIndex?: number;
/**
* "dots" — fading circles (default)
* "line" — tapered Bézier brushstroke
* "glow" — soft radial-gradient halos
* "ink" — positions accumulate and fade over `fadeTime` ms
* "spark" — each position spawns a drifting particle
*/
type?: TrailType;
/** For "ink": ms before strokes fade out (default 1800) */
fadeTime?: number;
/** For "spark": initial particle spread velocity in px/s (default 60) */
spread?: number;
}
export declare const CursorTrail: React.FC<CursorTrailProps>;
export {};