DEV Community

Cover image for ⭐️⭐️ tsParticles 1.31.0 and 2K stars on GitHub 🔥

⭐️⭐️ tsParticles 1.31.0 and 2K stars on GitHub 🔥

Matteo Bruni
Full Stack Developer, mainly working in .NET with web technologies and mobile (Xamarin). WWDC14 Attendee, when Swift was presented, a bit rusty but can work in Swift too.
Updated on ・1 min read

tsParticles 1.31.0

First of all, thanks to all users that left a stars to this project, it's growing fast for being just a new particles library.

2K Stars

I wanted to release the 1.31.0 version when 2K stars reached since it was a close target.

Now let's see what's new in this version

New Features

  • Added zIndex options, closes #979
  • Added particles groups to options


  • Infection is now a plugin, and it's included and is not included in the slim version
  • Changed particles move distance options to an horizontal/vertical object, single number still valid


Here we can see the new Z Index effect, particles are in different "layers" and opacity is not affected by configuration.

Let's set a new target to 3K stars from now, thanks for the new star ⭐️

GitHub logo matteobruni / tsparticles

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


tsParticles - TypeScript Particles

A lightweight TypeScript library for creating particles. Dependency free (*), browser ready and compatible with React, Vue, Angular, Svelte, jQuery, Preact, Inferno

Rate on Openbase jsDelivr Cdnjs npmjs npm lerna CodeFactor Codacy Badge Gitpod Ready-to-Code Run on

Do you want to use it on your website?

This library is available on the two most popular CDNs and it's easy and ready to use, if you were using particles.js it's even easier.

You'll find the instructions below, with all the links you need, and don't be scared by TypeScript, it's just the source language.

The output files are just JavaScript. 🤩

CDNs and npm have all the sources you need in Javascript, a bundle browser ready (tsparticles.min.js) and all files splitted for import syntax.

If you are still interested some lines below there are some instructions for migrating from the old particles.js library.

Library installation

Hosting / CDN

Please use this hosts or your own to

You can see other configurations and articles in my profile

Discussion (2)

markwright profile image

Congratulations and great job!!