https://greenbusinesscentre.com/plugins/particles/particles-snow.js

1particlesJS("particles-snow", {
2    "particles": {
3        "number": {
4            "value": 400,
5            "density": {
6                "enable": true,
7                "value_area": 800
8            }
9        },
10        "color": {
11            "value": "#fff"
12        },
13        "shape": {
14            "type": "circle",
15            "stroke": {
16                "width": 0,
17                "color": "#000000"
18            },
19            "polygon": {
20                "nb_sides": 5
21            },
22            "image": {
23                "src": "img/github.svg",
24                "width": 100,
25                "height": 100
26            }
27        },
28        "opacity": {
29            "value": 0.5,
30            "random": true,
31            "anim": {
32                "enable": false,
33                "speed": 1,
34                "opacity_min": 0.1,
35                "sync": false
36            }
37        },
38        "size": {
39            "value": 10,
40            "random": true,
41            "anim": {
42                "enable": false,
43                "speed": 40,
44                "size_min": 0.1,
45                "sync": false
46            }
47        },
48        "line_linked": {
49            "enable": false,
50            "distance": 500,
51            "color": "#ffffff",
52            "opacity": 0.4,
53            "width": 2
54        },
55        "move": {
56            "enable": true,
57            "speed": 6,
58            "direction": "bottom",
59            "random": false,
60            "straight": false,
61            "out_mode": "out",
62            "bounce": false,
63            "attract": {
64                "enable": false,
65                "rotateX": 600,
66                "rotateY": 1200
67            }
68        }
69    },
70    "interactivity": {
71        "detect_on": "canvas",
72        "events": {
73            "onhover": {
74                "enable": true,
75                "mode": "bubble"
76            },
77            "onclick": {
78                "enable": true,
79                "mode": "repulse"
80            },
81            "resize": true
82        },
83        "modes": {
84            "grab": {
85                "distance": 400,
86                "line_linked": {
87                    "opacity": 0.5
88                }
89            },
90            "bubble": {
91                "distance": 400,
92                "size": 4,
93                "duration": 0.3,
94                "opacity": 1,
95                "speed": 3
96            },
97            "repulse": {
98                "distance": 200,
99                "duration": 0.4
100            },
101            "push": {
102                "particles_nb": 4
103            },
104            "remove": {
105                "particles_nb": 2
106            }
107        }
108    },
109    "retina_detect": true
110});
111var count_particles, stats, update;
112stats = new Stats;
113stats.setMode(0);
114stats.domElement.style.position = 'absolute';
115stats.domElement.style.left = '0px';
116stats.domElement.style.top = '0px';
117document.body.appendChild(stats.domElement);
118count_particles = document.querySelector('.js-count-particles');
119update = function () {
120    stats.begin();
121    stats.end();
122    if (window.pJSDom[0].pJS.particles && window.pJSDom[0].pJS.particles.array) {
123        count_particles.innerText = window.pJSDom[0].pJS.particles.array.length;
124    }
125    requestAnimationFrame(update);
126};
127requestAnimationFrame(update);;