threeparticles

A powerful, performant particle system for Three.js applications.

Features

• High-performance WebGPU based particle rendering
• Flexible config-based particle system
• Built-in physics with gravity and forces
• Color gradients and size curves over lifetime
• React integration support
• TypeScript support

Quick Example

import { Particles } from "@threeparticles/core";
 
const particles = new Particles({
  particles: {
    count: 1000,
    colors: [
      [
        { color: "cyan", stop: 0 },
        { color: "purple", stop: 1 },
      ],
    ],
  },
  emitter: {
    loop: true,
    lifetime: [1, 2],
    speed: [1, 3],
  },
});
 
scene.add(particles);
particles.start();

Getting Started

Head to the Installation guide to get started with threeparticles.