PARTICLE NETWORK BACKGROUND
by Rehmat (Animated Creativity) - MIT License

1. HTML:   <section class="hero"><canvas data-particles></canvas> ... </section>
2. CSS:    .hero { position: relative; min-height: 100vh; overflow: hidden; }
           .hero canvas { position: absolute; inset: 0; }
3. Script: <script src="particles.js"></script>

Options on the canvas:
  data-particles-color="#8b7bff"   dot colour
  data-particles-link="#3ad6f0"    line colour
  data-particles-density="9000"    smaller = more dots
  data-particles-distance="140"    link distance
  data-particles-speed="0.35"      speed

Open index.html to try the settings live.

More free kits and custom work: https://animatedcreativity.com/
