Components & Blocks/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
Bubble Field

Bubble Field

An animated bubble background. A monochrome grid of outline circles bursts near the cursor, expanding and fading, then reforming.

View Component
Free
Wireframe Globe

Wireframe Globe

An animated wireframe globe background. A narrow wave band drifts slowly across the surface, and hovering ripples the lines under your cursor.

View Component
Free
Magnetic Dots

Magnetic Dots

An interactive dot background. A dense grid of dots is magnetically pulled toward your cursor, snapping back with an elastic bounce.

View Component
Free
Spider Web

Spider Web

An animated spider web background. Silk strands bow slowly at rest, and hovering pushes each node so it bounces back under tension.

View Component
Free
Noise Field

Noise Field

An animated flow field background. A grid of arrows driven by layered sine-wave noise drifts like wind. Hover and they turn to point at your cursor.

View Component
Free
Emoji Burst

Emoji Burst

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

View Component
Free
Particle Sphere

Particle Sphere

A 3D particle background built with Three.js. 9,000 particles sit on a slowly spinning sphere in warm gold and cool silver.

View Component