React Particles
A high-performance interactive background where particles react to user input. Features a dual-physics: particles repel on hover to clear space, and attract like a black hole.
Make it with Workshop
Build your own component with AI
About this Component
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.
