JSPM

tsParticles collisions particles interaction

tsParticles connect external interaction

tsParticles attract external interaction

tsParticles easing quad plugin

tsParticles line shape

tsParticles slow external interaction

React component for canvas-confetti library

tsParticles particles opacity updater

tsParticles particles color updater

tsParticles Base movement

tsParticles emoji shape

Easily create highly customizable particle animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.

tsParticles links particles interaction

tsParticles bounce external interaction

tsParticles Parallax movement

tsParticles remove external interaction

tsParticles hex color plugin

tsParticles HSL color plugin

Easily create highly customizable particle animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.

tsParticles repulse external interaction

tsParticles heart shape

tsParticles text shape

tsParticles push external interaction

tsParticles emitters plugin

tsParticles emitters shape circle plugin

tsParticles trail external interaction

tsParticles motion sickness plugin

tsParticles particles wobble updater

A lightweight css-animation based confetti exploder for React

React Native confetti explosion and fall like iOS does.

tsParticles cards shape

Easily create highly customizable particle animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.

A fast 2kB low-level WebGL API.

tsParticles absorbers plugin

tsParticles particles destroy updater

tsParticles particles twinkle updater

tsParticles emitters shape square plugin

A JavaScript library to brighten up your user's site experience with visual effects!

tsParticles confetti preset

A lightweight JavaScript library for creating particles

Particle emitter for Pixi.js

tsParticles trail effect

tsParticles particles gradient updater

tsParticles repulse particles interaction

tsParticles curves path

tsParticles emitters shape canvas plugin

tsParticles emitters shape path plugin

Particle emitter for Pixi.js

tsParticles easing expo plugin

tsParticles easing linear plugin

Vue.js component for particles backgrounds

Easily create highly customizable particle animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.

tsParticles export video plugin

tsParticles path shape

tsParticles arrow shape

Official tsParticles Vue.js 3.x Component - Easily create highly customizable particle, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available also for Web Components, React, Vue.js 2.x,

tsParticles Light interaction

tsParticles easing quart plugin

tsParticles easing cubic plugin

tsParticles cog shape

tsParticles easing quint plugin

tsParticles polygon mask plugin

Easily create highly customizable particle animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.

tsParticles simplex noise library

tsParticles spiral shape

tsParticles curl noise path

tsParticles particles orbit updater

tsParticles rounded polygon shape

tsParticles perlin noise path

tsParticles infection plugin

tsParticles bubble effect

tsParticles export json plugin

tsParticles poisson disc plugin

tsParticles particle external interaction

tsParticles infinity shape

tsParticles sounds plugin

tsParticles canvas mask plugin

tsParticles easing sine plugin

tsParticles easing back plugin

tsParticles pop external interaction

tsParticles perlin noise library

tsParticles simplex noise path

tsParticles easing circ plugin

tsParticles rounded rect shape

tsParticles polygon path

tsParticles export image plugin

tsParticles svg path

tsParticles emitters shape polygon plugin

tsParticles HSV color plugin

tsParticles zig zag path

tsParticles named color plugin

tsParticles OKLCH color plugin

Proton is a simple and powerful javascript particle animation engine.

[Fork] Particle emitter for Pixi.js

Official tsParticles Svelte Component - Easily create highly customizable particle, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available also for Web Components, React, Vue.js (2.x and

Official tsParticles Angular Component - Easily create highly customizable particle, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available also for Web Components, React, Vue.js (2.x and

tsParticles links preset

Declarative particle system for react native

[![npm version][npm-version-src]][npm-version-href] [![npm downloads][npm-downloads-src]][npm-downloads-href] [![Circle CI][circle-ci-src]][circle-ci-href] [![Codecov][codecov-src]][codecov-href] [![License][license-src]][license-href]

A lightweight css-animation based confetti exploder for React

tsParticles fractal noise library

Run lightweight, heavily customizable particle simulations in your Nuxt project with tsParticles.

A lightweight, dependency-free and responsive javascript plugin for particle backgrounds.

Javascript runtimes for neutrinoparticles

tsParticles smooth value noise library

tsParticles fractal noise path

custom pixi particles

tsParticles fireworks preset

tsParticles snow preset

A feature-rich React package for stunning animated backgrounds with interactive controls, themes, performance monitoring, and layered compositions.

tsParticles stars preset

Particleground.ts is a React component library that creates a particle animation effect on a canvas, inspired by jquery.particleground.js.

A lightweight JavaScript library for creating particles

Hiccup shape tree renderer for vanilla Canvas 2D contexts

Easily create highly customizable particle animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.

Official tsParticles Astro Component - Easily create highly customizable particle, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available also for Web Components, Vue.js (2.x and 3.x), An

Intuitive animated traffic graph visualization using webgl. If a graph of nodes and edges with data about traffic volume is provided, it will render a traffic graph animating the connection volume between nodes.

React three fiber component for easily creating high performance particles meshes. Makes particles morphing from one arrangement to another a piece of cake.

n-dimensional boids simulation with modular behavior system

tsParticles demo configurations

A React wrapper around vizceral

A lightweight, framework-agnostic JavaScript library that renders interactive particle-based image hover effects using HTML5 canvas. Customize particle behavior with options like gravity, noise, mouse force, and more. Easily integrate into React, Vue, or

MapLibre visualization plugin for scalar fields and vector-field particles.

Official tsParticles Vue.js 2.x Component - Easily create highly customizable particle, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available also for Web Components, React, Vue.js 3.x,

PIXI renderer for NeutrinoParticles

Vue.js component for particles backgrounds

🎉 Delightful particle animations for React

Official tsParticles jQuery Plugin - Easily create highly customizable particle, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available also for Web Components, React, Vue.js (2.x and 3.x

tsParticles triangles preset

Implementation of [particle.js](https://github.com/VincentGarreau/particles.js/) with TypeScript for Angular2/4. Inspired by [react-particles-js](https://github.com/Wufe/react-particles-js)

A simple and easy-to-use library for creating visual effects in React Three Fiber.

A particles animation component for picture

tsParticles fire preset

tsParticles firefly preset

Official tsParticles Riot Component - Easily create highly customizable particle, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available also for Web Components, React, Vue.js (2.x and 3.

A TypeScript port of LiquidFuns particles for @box2d/core

Three.js-based high-performance particle system library designed for creating visually stunning particle effects with ease. Perfect for game developers and 3D applications.

tsParticles big circles preset

Canvas Confetti in TypeScript

Uma biblioteca React/TypeScript com efeitos visuais sazonais automáticos

Fetch data from German UBA

Particle emitter for Pixi.js

Real-time liquid simulation plugin (GPU), powered by AI. New game mechanics & gameplay, graphics refining, game performance improvement. Ease of use.

A powerful animation library combining Three.js, GSAP, custom scroll triggers, and advanced effects with MathUtils integration

A comprehensive 2D game engine with agent-based architecture, real-time multiplayer support, advanced visual effects, and LLM-powered intelligence with centralized arslib integration.

Morphist's animated emoji background component for Svelte + Tailwind projects

A simple component library to create mesmerizing galaxy particle background effect.

Official React tsParticles template

A MapboxGL plugin for animated GRIB data visualization

💥 A lightweight and customisable JavaScript library for simulating particle physics, including collisions, gravity, and mouse interactivity. Perfect for creating dynamic visual effects.

tsParticles bubbles preset

Official tsParticles Web Component - Easily create highly customizable particle, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svel

Interactive 3D particle system with technology icons using WebGL

Holds utilitity for playing back particles

Official tsParticles Preact Component - Easily create highly customizable particle, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available also for Web Components, React, Vue.js (2.x and

TypeScript library for creating particle effects on canvas.

fork of custom-pixi-particles by Lukasz Okuniewicz

tsParticles fountain preset

WIP - A particle engine for THREE JS.

Run lightweight, heavily customizable particle simulations in your Nuxt project with tsParticles.

Particle emitter for Pixi.js

Run lightweight, heavily customizable particle simulations in your Nuxt project with tsParticles.

A simple component library to create a container with an animated background.

Modified tsParticles polygon mask plugin to avoid app crash when exiting an component

tsParticles hyperspace preset

A lightweight JavaScript plugin for particle backgrounds.

A GLSL-focused particle engine for THREE.js.

Official TypeScript React tsParticles template

Confettis 🎉 for web!

ThreeJS Collection Set

Add a soothing animation to your web site to add life!

Wind power visualization with WebGL particles

tsParticles sea anemone preset

Forked from [angular-particle](https://github.com/ryuKKu-/angular-particle)

tsParticles Configuration Editor

A tiny wrapper around three.js built for high-performance WebGL experiences.

Break DOM elements into animated Canvas particles using html2canvas.

## Installation

Official tsParticles Angular Confetti Component - Easily create highly customizable particle, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available also for Web Components, React, Vue.js

Official tsParticles Solid Component - Easily create highly customizable particle, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Sv

aframe component for mesh particles

Particle system with three.js

Insert particles into background.

Subgraph for the Rarible Protocol

Particle emitter for Pixi.js

In an HTML canvas, a bunch of interactive particles connected with lines when they approach each other.

Contract Allowlist for Charged Particles

tsParticles demo configurations

Particle emitter for Pixi.js

aframe particle system component using texture billboards

A JavaScript port of the classic galaxy screensaver with 3D particle simulation

Some game tools

Official tsParticles jQuery Plugin - Easily create highly customizable particle, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available also for Web Components, React, Vue.js (2.x and 3.x

Una librería de partículas animadas ultra configurable para fondos web interactivos, con más de 100 opciones de personalización

three.Proton is an easily customizable html5 particle engine for three.js

Particles Action

Generates random particles using html5 canvas API.

a library to create 2.5d realtime graphics and pixelart with three.js

Create particle explosions on a HTML5 canvas element

React Native confetti explosion and fall like iOS does.

Subgraph for the Charged Particles Protocol

Angular components using WEBGL (threejs)

A lightweight JavaScript library for creating particles

A 3D (thr) model to pixel transformation with motion effect

Intuitive animated traffic graph visualization using webgl. If a graph of nodes and edges with data about traffic volume is provided, it will render a traffic graph animating the connection volume between nodes.

Create stunning, customizable snowfall animations for your React applications with ease. Perfect for winter themes, Christmas websites, or any application that needs beautiful falling particle effects.

Easy-to-use Particle Systems for THREE.js.

Run lightweight, heavily customizable particle simulations in your Nuxt project with tsParticles.

A snow generator

A React component that creates interactive particle text effects using Three.js

Library to create particle systems

Fork: React Native confetti explosion and fall like iOS does.

tsParticles particles angle updater

Particle effects for and with DOM elements

tsParticles squares preset

make particles

Pixijs Particle System

A GLSL-focused particle engine for THREE.js.

A particle library that enables users to create images objects shapes and text out of particles and render them quickly and effiecently using webGL, enabling the usage of hundreds of thousands of particles, perhaps even millions in the web browser. The pa

Wolf Soko's implementation of a cool Thanos snapping vaporizing effect for destroying dom elements

Easily create highly customizable particle animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.

loader class for creatin three.proton particle systems

doll-burst-airplane

A simple particle system for NodeJs

A Node.js wrapper for Team Fortress 2's Unusual particle effects.

Simple, unopinionated particle system library for javascript / typescript

An image to pixel transformation with motion effect

An npm package that allows users to represent threeJS geometry instances as particles.

GPU based particle system for three.js. Heavily based on tdl library (https://github.com/greggman/tdl)

a javascript animation for react native, using ParticleJs package

performant confetti animation in the browser

A simple lightweight 2D particle system using Canvas.

A library to create fully customizable particle systems.

A quick way to add a sphere of stars to an A-Frame project

A light weight particle library.

Various emergent phenomena

A JavaScript library to manipulate the SVG DOM in a object-oriented way.

2D physics (Box2D with liquidfun particles).

A declarative particle system for React Three Fiber. It uses an FBO Simulation to provide incremental updates to particles, allowing for an intuitive API with use of forces. **Note**: This package is experimental and may introduce breaking changes in futu

Intuitive animated traffic graph visualization using webgl. If a graph of nodes and edges with data about traffic volume is provided, it will render a traffic graph animating the connection volume between nodes.

a particles background for react-native and react-native-web

A Vue.js particles plugin base on particles.js

`gl-gpgpu` - GPGPU state-stepping - declaratively maps optimal draw passes, shaders, GL resources, inputs, outputs - lets you focus on your logic, BYO-renderer.

Advanced particle system plugin for Hytopia SDK with animations, patterns, and performance monitoring

PIXI.js library to add glitter particles with bokeh and special effects to your DOM elements

A React wrapper around vizceral

A lightweight JavaScript library for creating particles usable also in js strict mode

An easy to use PikaNetwork API wrapper.

Particle system for Babylon.js that composites like a standard mesh