Cursor Particles

KineticParticles creates an interactive particle background. Floating particles gently move across the screen and are attracted toward the cursor within a customizable radius. Particles near the cursor become larger and switch to an active color, creating a dynamic magnetic interaction effect. Perfect for modern hero sections, tech websites, portfolios, creative landing pages, and interactive backgrounds.

Customize Options

• Base Color – Changes the default color of the particles.

• Magnet Color – Sets the color of particles when they are attracted to the cursor.

• Particle Count – Controls the number of particles, from a minimal to a denser effect.

• Radius – Adjusts the cursor interaction area, determining how far the magnetic effect reaches.

The component also includes responsive canvas resizing, viewport-based animation pausing, and static rendering support for better Framer editor performance.