tsParticles 1.31.0 and 2K stars on GitHub

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.

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

Now…



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.

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



Changes

  • 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



Sample

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.

banner

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 Repl.it

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


Print Share Comment Cite Upload Translate
APA
Matteo Bruni | Sciencx (2024-03-29T07:17:15+00:00) » tsParticles 1.31.0 and 2K stars on GitHub. Retrieved from https://www.scien.cx/2021/07/09/tsparticles-1-31-0-and-2k-stars-on-github/.
MLA
" » tsParticles 1.31.0 and 2K stars on GitHub." Matteo Bruni | Sciencx - Friday July 9, 2021, https://www.scien.cx/2021/07/09/tsparticles-1-31-0-and-2k-stars-on-github/
HARVARD
Matteo Bruni | Sciencx Friday July 9, 2021 » tsParticles 1.31.0 and 2K stars on GitHub., viewed 2024-03-29T07:17:15+00:00,<https://www.scien.cx/2021/07/09/tsparticles-1-31-0-and-2k-stars-on-github/>
VANCOUVER
Matteo Bruni | Sciencx - » tsParticles 1.31.0 and 2K stars on GitHub. [Internet]. [Accessed 2024-03-29T07:17:15+00:00]. Available from: https://www.scien.cx/2021/07/09/tsparticles-1-31-0-and-2k-stars-on-github/
CHICAGO
" » tsParticles 1.31.0 and 2K stars on GitHub." Matteo Bruni | Sciencx - Accessed 2024-03-29T07:17:15+00:00. https://www.scien.cx/2021/07/09/tsparticles-1-31-0-and-2k-stars-on-github/
IEEE
" » tsParticles 1.31.0 and 2K stars on GitHub." Matteo Bruni | Sciencx [Online]. Available: https://www.scien.cx/2021/07/09/tsparticles-1-31-0-and-2k-stars-on-github/. [Accessed: 2024-03-29T07:17:15+00:00]
rf:citation
» tsParticles 1.31.0 and 2K stars on GitHub | Matteo Bruni | Sciencx | https://www.scien.cx/2021/07/09/tsparticles-1-31-0-and-2k-stars-on-github/ | 2024-03-29T07:17:15+00:00
https://github.com/addpipe/simple-recorderjs-demo