A lightweight TypeScript library for creating customizable particle effects, confetti, and fireworks animations as website backgrounds.
tsParticles is a TypeScript library for creating customizable particle animations, confetti explosions, and fireworks effects in web projects. It solves the need for lightweight, engaging visual backgrounds and interactive effects without relying on heavy dependencies or complex rendering engines. The library outputs standard JavaScript and works directly in the browser.
Frontend developers and designers building websites, landing pages, or web applications that require animated backgrounds, celebratory effects (confetti/fireworks), or interactive particle systems.
Developers choose tsParticles for its framework-agnostic components, extensive preset library, and zero-dependency core, allowing seamless integration into any tech stack while maintaining full customization control.
tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Provides official components for React, Vue, Angular, Svelte, and over 10 other frameworks, enabling easy integration into diverse projects without framework lock-in.
Includes ready-made effects like fire, snow, confetti, and fireworks, allowing quick deployment with minimal configuration as shown in the presets catalog.
Offers split bundles (slim, basic, all) to control payload size, ensuring performance isn't compromised for basic effects, with the slim bundle being a common lightweight choice.
Features a full compatibility layer for seamless migration from the older particles.js library, reducing upgrade friction and preserving existing configurations.
The library is divided into many packages (engine, presets, framework wrappers), which can complicate dependency management and increase setup time, as noted in the installation instructions.
Documentation is spread across the main site, GitHub markdown files, and separate repos for presets and components, making it harder to find comprehensive guides quickly.
While optimized, configurations with hundreds of particles or complex interactions may lead to frame drops, as cautioned in the common pitfalls about starting with high particle counts before checking FPS.
tsParticles is an open-source alternative to the following products: