DEV Community

Matteo Bruni for tsParticles

Posted on • Edited on

3 1

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

Sentry blog image

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.

Read more

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Explore a sea of insights with this enlightening post, highly esteemed within the nurturing DEV Community. Coders of all stripes are invited to participate and contribute to our shared knowledge.

Expressing gratitude with a simple "thank you" can make a big impact. Leave your thanks in the comments!

On DEV, exchanging ideas smooths our way and strengthens our community bonds. Found this useful? A quick note of thanks to the author can mean a lot.

Okay