This content originally appeared on DEV Community and was authored by Matteo Bruni
Here's a CodePen sample for tsParticles for creating a fireworks effect, soon available in a NPM preset package.
This configuration will work in any component and not only in Vanilla JavaScript, you can use this config also in React, Vue (2.x and 3.x), Angular, Svelte, Riot, Solid, jQuery, Web Components, Inferno and Preact.
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
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…
This content originally appeared on DEV Community and was authored by Matteo Bruni
Matteo Bruni | Sciencx (2021-06-16T22:39:50+00:00) tsParticles Fireworks Effect 2.0. Retrieved from https://www.scien.cx/2021/06/16/tsparticles-fireworks-effect-2-0/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.