Particle flow field
Thousands of particles follow invisible currents and leave fine colored threads as they move, drawn on canvas.
Settings
Code
<div class="pt-flow-field"><canvas></canvas></div>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Backgrounds
See all BackgroundsWhere to use it
A generative art classic. Each particle reads the direction of a smooth vector field at its position and takes a small step, and the canvas fades only slightly between frames, so the paths build up into silky threads that reveal the shape of the currents. The field itself shifts over time, bending the streams into new swirls.
Particles are split between your three colors and respawn when they leave the screen or age out. Density sets how many are active and speed how fast they travel. It works as a hero background for AI, data or creative tools.