Components/React Particle Effect Components

React Particle Effect Components

Particle systems for React, from ambient background constellations to celebratory bursts. Built with canvas and Motion for smooth performance, and ready to copy, install, or remix with AI.

Free component
Emoji Burst

Emoji Burst

A button that explodes emojis outward in all directions. Five emoji sets cycle on each click.

View Component
Free component
Noise Field

Noise Field

A grid of flowing arrows driven by layered sine-wave noise — like wind mapped on a weather chart. Hover to create a swirling vortex at the cursor.

View Component
Free component
Spider Web

Spider Web

An organic silk web that breathes with a slow idle bow. Hover to physically push the nodes — each intersection bounces back with tension, fading the strings near your cursor.

View Component
Free component
Magnetic Dots

Magnetic Dots

A dense grid of dots that get magnetically pulled toward the cursor, snapping back with a satisfying elastic bounce when you leave.

View Component
Free component
Wireframe Globe

Wireframe Globe

A wire-frame globe that breathes on its own — a narrow wave band drifts quietly across the surface. Hover to ripple the lines right where your cursor lands.

View Component
Free component
Particle Sphere

Particle Sphere

9,000 particles arranged on a sphere with warm gold and cool silver tones, slowly spinning in Three.js.

View Component
Free component
Bubble Field

Bubble Field

A grid of outline circles that burst on hover — each expanding and fading like a soap bubble popping, then reforming, with a soft pastel blue palette.

View Component