Particle Logo

Logo particle animation workbench

Upload a PNG, SVG, JPG or WebP logo, preview it in 9 particle effects, adjust density, particle size and speed, then export a video, a GIF or code.

  1. Upload a logo: choose a PNG, SVG, JPG or WebP file, drop it anywhere on the page, or paste it with Ctrl+V.
  2. Tune the sampling with density, threshold and invert; the point-cloud preview shows which pixels were captured.
  3. Pick one of the 9 effects and adjust particle size, shape, speed and cycle length.
  4. Export a video, a GIF, or HTML, Vue or React code.

Effects

  • Quantum Condense

    Scattered particles fly straight into your logo and settle with a slight springy bounce.

  • Mobius Contour Flow

    Particles gather into your logo while bright pulses travel around it, so the outline ripples as it forms.

  • Vortex Singularity

    Particles start on a wide spinning spiral and wind inward until they lock into your logo.

  • Hologram Raster Scan

    A light bar sweeps down the canvas and builds your logo row by row.

  • Diffusion Denoise

    Your logo starts as a shaking cloud of noise that calms down into a sharp shape, like an AI image being denoised.

  • Superconducting Flux Wave

    Particles gather into your logo while a bright ring ripples outward from the center.

  • Autonomous Swarm Assembly

    Particles bunch into four clusters that circle the center, then stream out of them into your logo.

  • Slingshot Time Reversal

    Particles first form an oversized, spread-out version of your logo, then snap inward into place with a quick wobble.

  • Cymatics Resonance

    Particles shake in a grid-like vibration pattern that fades until they rest on your logo.

Integration guides: HTML · Vue 3 · React