12 objects

Particle systems for Three.js & React Three Fiber

Interactive 3D particle systems: sand, dust, sparks, rain, plankton and fireworks that follow real physics and react to the cursor.

Particles are thousands of moving points that together become dust in a sunbeam, sparks from a grinder, sand on a vibrating plate, rain at night or a fireworks show. In 3DRise each particle object is a small simulation: the particles follow the physics of what they show, so their motion looks right without any keyframes, and each object gives the cursor a role of its own.

What's in the family

  • Chladni Sand and Faraday Powder: sand and glowing powder on an invisible vibrating plate. The sand gathers on the lines of the plate that don't move, drawing figures that form and re-form; the powder heaps up in swirls where the plate moves most.
  • Sunbeam Dust: dust drifting in window light, with shadow lines from the window frame, glints, and soft out-of-focus discs.
  • Sea Sparkle: glowing plankton that flash when the water is stirred, tire, and recover.
  • Grinder Sparks, Neon Rain and Fireworks: sparks that cool from white-hot to red and bounce off the floor, rain drops lit like tiny lenses with splash crowns, and a fireworks show with 20 shell types and text written in the sky.
  • Shape Burst, Shape Flow and Magnetic Bottle: particles that burst out and land on a shape, stream around it like air in a wind tunnel, or spiral over it. The shape is yours to pick: sphere, torus, box, cone, capsule and more.
  • Quantum Orbitals and Tidal Stream: an electron cloud coloured by its quantum phase, and a galaxy tearing small satellite galaxies into streams of stars.

The cursor

Each particle object decides what the cursor physically is, with three modes plus Off. On the vibrating plates it is a Violin bow, a Finger or a Tap. In Sunbeam Dust it is a Hand, a Torch or a Charged rod. In Neon Rain it is an Umbrella, a Gust or a Headlight. In Fireworks it aims the shells, blows a gust through the show, or relights falling stars. Pointer Strength and Pointer Radius set how hard and how far, and the page shows it live.

Trails

Every particle object has a Trail Mode with three styles, named for what they look like in that object: a long-exposure streak, tails that follow each particle's path, and a fading afterglow. Trail Length, Trail Opacity, Trail Color and Trail Share (how many particles leave trails) tune them.

Shared settings

Intensity, Speed, Opacity, Size and Color come first on every object, then Particle Count. Most also have a Seed, for a different arrangement with the same character, and a Quality setting for slower devices.

Choosing particles

  • Hero backgrounds and landing pages: Sunbeam Dust, Neon Rain, Sea Sparkle.
  • Logo reveals and launches: Shape Burst, Fireworks.
  • Science, sound and music: Chladni Sand, Faraday Powder, Quantum Orbitals.
  • Industrial and product scenes: Grinder Sparks, Shape Flow.
  • Space: Tidal Stream.

For visuals that sit around an object, like auras, smoke and lightning, see effects.

All particle systems

Click a card to play it live
01

Sea Sparkle

Bioluminescent plankton that flash when the water shears: swell orbits, excitable cells that tire and recover, moon glitter; the cursor is a hand, falling pebbles or a hunting fish. Use for night sea and fantasy scenes.

  • bioluminescence
  • plankton
  • ocean
  • night
▶ PreviewHow it works
02

Sunbeam Dust

Dust drifting in window light: Langevin motion in Kolmogorov turbulence, mullion shadows, forward scattering, glints and bokeh; the cursor is a hand, a torch or a charged rod. Use for interiors and cinematic scenes.

  • dust
  • sunbeam
  • god-rays
  • brownian-motion
▶ PreviewHow it works
03

Chladni Sand

Sand on an invisible vibrating plate: resonant plate modes throw grains onto the nodal lines, drawing Chladni figures that form and re-form; the cursor bows, touches or taps the plate. Use for science, sound and abstract scenes.

  • chladni
  • cymatics
  • sand
  • standing-waves
▶ PreviewHow it works
04

Quantum Orbitals

A hydrogen electron cloud as Bohmian trajectories: a superposition of two orbitals breathing at the Bohr frequency, coloured by quantum phase; the cursor is a photon, a magnet or a detector. Use for science and tech scenes.

  • quantum
  • hydrogen
  • orbital
  • bohmian
▶ PreviewHow it works
05

Faraday Powder

Glowing powder on an invisible vibrating plate: acoustic streaming gathers it into swirling heaps at the antinodes, hotter where the plate moves most; the cursor bows, touches or taps the plate. Use for abstract, sound and fire-like scenes.

  • faraday
  • cymatics
  • powder
  • acoustic-streaming
▶ PreviewHow it works
06

Grinder Sparks

Slow-motion grinder sparks: drag-limited ballistics, radiative cooling on the blackbody scale, carbon bursts, floor bounces and reflections; the cursor moves the grinder, aims the spray or sweeps the air. Use for industrial and cinematic scenes.

  • sparks
  • grinder
  • metal
  • blackbody
▶ PreviewHow it works
07

Magnetic Bottle

Charged particles woven over any mesh shape: counter-rotating constant-bearing spirals that tighten into glowing tips, in two exact family colours; the cursor pinches, drifts or heats the orbits. Use for sci-fi and tech scenes.

  • magnetic-mirror
  • plasma
  • spiral
  • vortex
▶ PreviewHow it works
08

Neon Rain

Night rain lit by neon: Marshall–Palmer drops at terminal velocity, gusting sheets, splash crowns and rim drips, each drop lit like a tiny lens; the cursor is an umbrella, a gust or a headlight. Use for city, noir and cinematic scenes.

  • rain
  • neon
  • night
  • city
▶ PreviewHow it works
09

Shape Burst

Bursts of charged particles that spiral out in a magnetic field and land exactly on a mesh shape, white-hot cooling to two family colours, then dissolve; the cursor detonates, curls or pulls them. Use for reveals, logos and impact moments.

  • burst
  • explosion
  • reveal
  • spirals
▶ PreviewHow it works
10

Shape Flow

A wind tunnel of particle streams flowing round an invisible mesh shape: divergence-free flow, wake eddies, streaklines coloured by pressure; the cursor is a second obstacle, a jet or a vortex. Use for tech, aero and product scenes.

  • flow
  • wind-tunnel
  • streamlines
  • aerodynamics
▶ PreviewHow it works
11

Tidal Stream

A spiral galaxy shredding dwarf satellites into tidal streams: symplectic orbits, density-wave arms, Doppler-shifted blackbody stars; the cursor is a subhalo, black hole or spectroscope. Use for space scenes.

  • galaxy
  • tidal-stream
  • n-body
  • gravitational-lensing
▶ PreviewHow it works
12

Fireworks

An aerial fireworks show: 20 real shell types, shaped shells, formations and text written in the sky, with drag-limited stars, cooling sparks and lit smoke; fires on its own or where you click. Use for celebrations, New Year and night-sky scenes.

  • fireworks
  • celebration
  • new-year
  • night-sky
▶ PreviewHow it works

Code and API

Ready-to-paste React Three Fiber code and the 3DRise API are included in paid plans, inside the studio.

See plans

More object types