DEV Community

Cover image for Particle.Js (and now tsParticle.js), a funny way to use canvas!

Particle.Js (and now tsParticle.js), a funny way to use canvas!

ChiaraLyn on November 01, 2021

Particles.js It’s been a long time since I promised to get my hands dirty with the wonderful things we can do with canvas. Today I had a...
Collapse
 
matteobruni profile image
Matteo Bruni

You should try tsParticles, an improved version of the abandoned particles.js

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.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.

banner

tsParticles - TypeScript Particles

A lightweight TypeScript library for creating particles. Dependency free (*), browser ready and compatible with React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Riot.js, Solid.js, and Web Components

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

Slack Discord Telegram

tsParticles Product Hunt


Table of Contents

Do you want to use it on your website?

Documentation and Development references here 📖

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

Collapse
 
chiaralyn profile image
ChiaraLyn

Oh! I'll try It for sure! Too kind! Thank you!!😊🙏

Collapse
 
chiaralyn profile image
ChiaraLyn

@matteobruni I will edit this article with your permission and I will write to switch to the better manteined tsParticle.js library, do you agree? I would like to link your articles on tsParticle.js. Can I?

Thread Thread
 
matteobruni profile image
Matteo Bruni

Yes, thank you. Don’t worry, link every article you need.

Thread Thread
 
chiaralyn profile image
ChiaraLyn

Thank you very Much!!!🥳🥳🥳

Thread Thread
 
chiaralyn profile image
ChiaraLyn

@matteobruni done! Hope you like it!! Thank you again, you're a life saver 💯 !!!

Collapse
 
dudeactual profile image
masspopcorn

Amazing :D

Collapse
 
chiaralyn profile image
ChiaraLyn • Edited

Thank you!!!

Collapse
 
darshanbajeja profile image
Darshan-Bajeja

Wonderful! By the way why don't you embed your codepen demo in the post itself, this will be really helpful

Collapse
 
chiaralyn profile image
ChiaraLyn

I put the link to the Github repo and the Codepen of the demo I made, in the next article I will post the code directly to make things more comfortable for the reader, thank you very much for your suggestion!

Collapse
 
darshanbajeja profile image
Darshan-Bajeja

You can still edit and post if u like