DEV Community

Matteo Bruni for tsParticles

Posted on • Updated on

tsParticles v1.11.1 released

New tsParticles version released, 1.11.1.

Release notes

  • Fixed critical bug on image shape used with other shape types
  • Multiple different polygon shapes are now permitted
  • Revisited default values, now a little config can be used without any unexpected behavior
  • Added shadow options to particles and link lines, use with caution, shadows in canvas don't have good performance
  • Fixed particles container destruction, now if it's destroyed won't be retrieved from libraries methods (dom() and domItem())
  • Fixed touch events
  • All color properties now are the same type, so you can use same value type
  • Reduced library output file size
  • Added some presets, for simpler configs. The presets are basic, backgroundMask, fontAwesome, snow, bouncing, stars. The presets don't specify particles number. Presets are loaded BEFORE your config, so you can override any property.
  • React.js ready

Want to integrate in React.js?

I've forked the react-particles-js repository and added the tsParticles support.

You can checkout the fork here: https://github.com/matteobruni/react-particles-js

And the sample demo here: https://github.com/matteobruni/react-particles-js-demo

Hope this will be merged in the main repository.


Useful links

Checkout the demo here: https://particles.matteobruni.it

Do you want to replace the old, outdated and abandoned particles.js?
You're in the right place!


GitHub repo

https://github.com/matteobruni/tsparticles

npm

https://www.npmjs.com/package/tsparticles

yarn

https://yarnpkg.com/package/tsparticles

jsDelivr

https://www.jsdelivr.com/package/npm/tsparticles

CDNJS

https://cdnjs.com/libraries/tsparticles


Feel free to contribute to the project!


Demos

Here are some demos!

Characters as particles

FontAwesome characters as particles:


Mouse hover connections


Polygon mask


Background Mask particles


COVID-19 SARS-CoV-2 particles

Don't click! DON'T CLICK! OH NO IT'S SPREADING!!!!

COVID-19 is not funny. It's a serious world problem and we should prevent its spreading. If you are in a risky area please STAY AT HOME

Top comments (0)