{"repo":"simeydotme/sparticles","free":true,"listed":false,"github":"https://github.com/simeydotme/sparticles","clone":"git clone https://github.com/simeydotme/sparticles.git","description":"JavaScript Particles in Canvas ~~ Fast, Lightweight, High Performance.","language":"JavaScript","stars":283,"topics":["particles","canvas","sparticles","javascript","animation","effect","effects","particle","particlesjs","particles-js"],"license":"MPL-2.0","category":"ui-components","readme_excerpt":"Sparticles javascript particles in canvas https://sparticlesjs.dev Lightweight, High Performance Particles in Canvas. For those occasions when you 👏 just 👏 gotta 👏 have 👏 sparkles, snow, or stars on your homepage! --- - installation - framework usage (Svelte 5, React, Vue) - parameters - options - methods - styling - placing in the page's background - fading out at the edges - performance - why? --- installation Depending on how your project looks, - you may want to include a direct link to the script and then initialise the sparkles, - or you may want to import the module in to your application for a more modern approach. vanilla 1. firstly make sure you've downloaded the latest version of the script to your application directory (if you are running on a CMS you might also need to upload the file to your server) . The file you'll want to use is; dist/sparticles.min.js to make sure it downloads the fastest for your users. 2. After you've downloaded, or uploaded, the sparticles.min.js file to the correct place, you'll then need to include it in your web page; 3. And finally, you should then be able to initialise the Sparticles by running this code in your javascript; (make sure this code runs after you've included the script above.) jquery For jQuery sites, you may follow all of the steps above, but replace the third step with something like below; app / bundler If you're running a more modern type of application with something like Svelte or VueJs; 1. First you will want ","default_branch":null,"files":null,"tree":[],"storefront":"/r/simeydotme","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/simeydotme/sparticles/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}