React Particles

Bring your website to life with React Particles, a lightweight Canvas-based component that combines modern network aesthetics with responsive physics.

Bring your website to life with React Particles, a lightweight Canvas-based component that combines modern network aesthetics with responsive physics. Unlike static backgrounds, this component invites user interaction, making it perfect for Hero sections, AI landing pages, or creative portfolios. ✨ Key Features: Dual Physics Engine: Experience two distinct interactions—hover your mouse to gently push particles away (Repel), or click and hold to create a gravity well that draws particles in (Attract). Smart Gradient Lines: Connecting lines automatically generate smooth color gradients between two different particle points, creating a vibrant mesh effect. Rainbow Mode: Instantly switch to a dynamic, full-spectrum color mode for a creative and playful look without manual configuration. Responsive Density: The component intelligently calculates particle count based on screen size, ensuring mobile devices remain fast and readable. Fully Customizable: Fine-tune the physics (Repel/Attract strength), speed, colors, and connection distances to match your brand identity.

Interactive rainbow react particle