React Particles

React Particles
React Particles

About React Particles

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.

From Sirrah Space

Particle Globe 3D
Fluid Scroll Mesh
Scroll Glass Grid
Rain Effect

Related Components

Vertical Grid Lines
Interactive Pattern
PixelPattern
Wave Background 3D