Skip to content

React Particles

Interactive rainbow react particle

React Particles preview image 1

Summary

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

Description

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.

Rank history How rankings work →

125015001750192168/149/49/2610/1811/9
  • All · #8297

Details

More like this