ParticleImage

Show Preview
ParticleImage
ParticleImage

About ParticleImage

Particles Image transforms any photo into a WebGL particle simulation where thousands of points swarm, drift, and reform — each one sampled directly from your image colors.

What it does

  • Spawns up to 600,000 particles on the GPU via Transform Feedback — no CPU work per frame

  • Each particle inherits the color of its position in the source image

  • On load, particles fade in first, then the full image materializes beneath them

  • Cursor pushes particles aside as you move; they flow back when you leave

Controls — all live, no reload

  • Particles — count, size, softness, opacity, lifespan

  • Motion — speed, noise force & scale, damping

  • Mouse — on/off, force, radius, smoothing

In the editor Displays a static preview of your image — no canvas overhead on the design canvas.

Setup Drop it on the canvas, pick an image, done. Adjust background color and whether the full image shows behind the particles.

From Oleksandr Demydov

LiquidIcons
ParticleDNA
ColorWave
GlassType

Related Components

Perspective Tiles
Fluid Backgrounds
Glyph Blocks BG
Hover Mask Effect