react-gl-particles

Distance field/particle graph for React with WebGL.

Usage no npm install needed!

<script type="module">
  import reactGlParticles from 'https://cdn.skypack.dev/react-gl-particles';
</script>

README

Particle Network

Also known as distance field, distance graph, particle graph... Uses PixiJS for rendering with WebGL, which further opens it up for use with custom shaders.

Installation

npm install --save react-gl-particles

Features:

As of version 1.0.2, the component supports the following properties:

Property Type Default Use
antialias bool false
color number 0xffffff Drawing color
background number None (transparent) Background color
numPoints number 100 Number of vertices
maxDistance number 100 Maximum edge length (beyond which edges become transparent)
style object None React style definitions
className string None React className