JSPM

performant confetti animation in the browser

tsParticles image shape

tsParticles polygon 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 particles size updater

tsParticles star shape

tsParticles square shape

tsParticles attract particles interaction

tsParticles pause external interaction

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, Svelte, jQuery, Preact, Riot.js, Inferno.

tsParticles particles tilt updater

tsParticles particles roll updater

tsParticles particles stroke color updater

tsParticles bubble external interaction

tsParticles RGB color plugin

tsParticles particles out modes updater

tsParticles circle shape

tsParticles particles life updater

tsParticles particles rotate updater

tsParticles grab external interaction

tsParticles collisions particles interaction

tsParticles connect external interaction

tsParticles attract external interaction

tsParticles easing quad plugin

React component for canvas-confetti library

tsParticles line shape

tsParticles slow external interaction

tsParticles particles color updater

tsParticles particles opacity updater

tsParticles Base movement

tsParticles emoji shape

tsParticles links particles interaction

tsParticles bounce external interaction

tsParticles Parallax movement

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.

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 remove external interaction

tsParticles repulse external interaction

tsParticles hex color plugin

tsParticles HSL color plugin

tsParticles heart shape

tsParticles emitters shape circle plugin

tsParticles trail external interaction

tsParticles push external interaction

tsParticles text shape

tsParticles emitters plugin

tsParticles motion sickness plugin

A lightweight css-animation based confetti exploder for React

tsParticles particles wobble updater

React Native confetti explosion and fall like iOS does.

tsParticles cards shape

A fast 2kB low-level WebGL API.

tsParticles absorbers 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 particles destroy updater

tsParticles particles twinkle updater

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

tsParticles emitters shape square plugin

tsParticles confetti preset

A lightweight JavaScript library for creating particles

Particle emitter for Pixi.js

tsParticles trail effect

Particle emitter for Pixi.js

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

tsParticles particles gradient updater

tsParticles repulse particles interaction

tsParticles curves path

tsParticles emitters shape canvas plugin

tsParticles emitters shape path plugin

tsParticles easing expo plugin

tsParticles easing linear plugin

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

tsParticles sounds 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 spiral shape

tsParticles curl noise path

tsParticles rounded polygon shape

tsParticles simplex noise library

tsParticles particles orbit updater

tsParticles perlin noise path

tsParticles infection plugin

tsParticles bubble effect

tsParticles export json plugin

tsParticles infinity shape

tsParticles poisson disc plugin

tsParticles particle external interaction

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.

tsParticles smooth value noise library

Javascript runtimes for neutrinoparticles

tsParticles fractal noise path

custom pixi particles

tsParticles fireworks preset

tsParticles snow preset

tsParticles stars preset

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

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

Hiccup shape tree renderer for vanilla Canvas 2D contexts

A lightweight JavaScript library for creating particles

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,

Vue.js component for particles backgrounds

PIXI renderer for NeutrinoParticles

🎉 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

A particles animation component for picture

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.

tsParticles fire preset

A TypeScript port of LiquidFuns particles for @box2d/core

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.

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

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

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.

Canvas Confetti in TypeScript

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

tsParticles bubbles preset

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.

Fetch data from German UBA

Particle emitter for Pixi.js

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

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

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

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

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!

Wind power visualization with WebGL particles

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

ThreeJS Collection Set

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

tsParticles sea anemone preset

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

tsParticles Configuration Editor

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

aframe component for mesh particles

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

Particle system with three.js

Insert particles into background.

Subgraph for the Rarible Protocol

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

Particle emitter for Pixi.js

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

Generates random particles using html5 canvas API.

Particles Action

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.

A snow generator

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 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

A React wrapper around vizceral

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

A GLSL-focused particle engine for THREE.js.

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.

doll-burst-airplane

loader class for creatin three.proton particle systems

Pixijs Particle System

A simple particle system for NodeJs

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

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

Simple, unopinionated particle system library for javascript / typescript

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