Waving Particles

Waving Particles for Framer

Bring your site's background to life with Waving Particles, an ultra-smooth, interactive background component built on HTML5 Canvas. Engineered for maximum speed, it renders hundreds of reactive particles on a single canvas context—delivering fluid 60 FPS motion without clogging the DOM.

Key Features:

• Fluid Interactive Motion: Particles expand, drift, and shift colors organically in response to cursor movements.

• Canvas-Engineered Speed: Built using HTML5 Canvas and optimized requestAnimationFrame loops to prevent layout thrashing and maintain high performance.

• Complete Style Control: Adjust particle dimensions, spacing, drift strength, and morph between sharp square matrices and smooth circular particles.

• Interactive Radial Glow: Includes a built-in cursor-following ambient glow with independent blur, color, and intensity controls.

• Fully Customizable Controls: Tweak wave amplitude, influence radius, idle opacity, and active hover states directly inside Framer's sidebar.

• Optimized Canvas Preview: Automatically uses a lightweight static fallback on the Framer canvas and during page exports for instant loading and zero editing lag.