Skip to content

Particle System Generator

Design an emitter against a live canvas simulation, tune it with seeded randomness so it reproduces exactly, then export a self-contained snippet or record a WebM.

Live simulation

0 fps · 0 particles

Presets

Exported snippet

// config (seed 1234)
const CFG = {
 "rate": 120,
 "life": 1.6,
 "lifeVar": 0.4,
 "speed": 90,
 "spread": 40,
 "angle": -90,
 "gravity": 40,
 "wind": 12,
 "drag": 0.6,
 "turbulence": 10,
 "size": 14,
 "sizeCurve": "shrink",
 "spin": 90,
 "spinVar": 40,
 "fadeIn": 0.12,
 "fadeOut": 0.4,
 "blend": "additive",
 "shape": "circle",
 "spawn": "point",
 "spawnSize": 60,
 "stops": [
  "#FDE68A",
  "#F97316",
  "#B91C1C"
 ],
 "seed": 1234,
 "burst": 0
};

Emitter

Look

Colour ramp (3 stops)

About this tool

The simulation integrates velocity, gravity, wind, drag and per-frame turbulence with a mulberry32 seeded PRNG, so the same seed always produces the same design. The exported snippet carries the numeric config and the identical simulation code, and the WebM recording uses canvas.captureStream() with MediaRecorder when your browser supports it. The particle count is capped at 3000 and emission at 600 per frame so the tab stays responsive; everything runs locally in your browser.

  • 100% free — no account needed
  • Runs in your browser
  • Nothing is uploaded

Frequently asked questions

Is Particle System Generator really free?

Yes. Particle System Generator is completely free on PureBrowser — every feature, with no account, no trial, and no credit card.

Does Particle System Generator upload my data?

No. Particle System Generator runs entirely inside your browser, so anything you type, paste, or open stays on your own device.

Do I need to sign up or install anything?

Neither. There is no account and nothing to download — open the page and Particle System Generator is ready to use on desktop or mobile.

Does Particle System Generator work offline?

Once the page has loaded, yes. All of the processing happens locally in your browser, so it keeps working without a connection.

More design & visual

CSS Gradient Generator

Create linear CSS gradients with a live preview.

CSS Box Shadow Generator

Build and preview CSS box-shadow values with one-click copy.

CSS Glassmorphism Generator

Generate frosted-glass CSS with backdrop blur and copy-ready styles.

QR Code Generator

Generate custom QR codes for any text or URL.

WiFi QR Code Generator

Generate a scannable QR code to share WiFi credentials instantly.

Letter Profile Picture

Generate avatar images from initials with custom colors.