Free animated cursor effects for React
Fine-pointer enhancements and magnetic effects that stay decorative, disable on touch and never block interaction. Every example works with Next.js and Tailwind, and the source installs directly into your project.
3 components
Cursor EffectsGSAPpointerdark preferredDot Ring CursorFree custom cursor for React: a crisp dot with a trailing ring driven by GSAP quickTo springs, growing over interactive elements. Fine pointers only.View component Cursor EffectsGSAPpointerdark preferredGlow TrailFree cursor glow trail for React sections: a soft radial highlight drifts after the pointer with GSAP lag, lighting content beneath. Decorative only.View component Cursor EffectsMotionpointerdark preferredMagnetic FieldFree magnetic hover wrapper for React: children lean toward the cursor with spring physics and snap back on leave. Fine pointers only, a11y neutral.View component