✨ Canvas-based particle animation for React.

npm install --save react-particle-animation
# or
yarn add react-particle-animation

Check out the demo in the example folder.

import React, { Component } from 'react'
import ParticleAnimation from 'react-particle-animation'
class Example extends Component {
  render () {
    return (
      <ParticleAnimation />
    )
  }
}

Note that for colors, rgba are all floating point numbers between 0 and 255 (inclusive).

Note that the canvas size will automatically be inferred based on available space via react-sizeme, so it should be really easy to use this component as a fullscreen background as in the demo.

• particles.js - Older particle animation. Oddly enough, I developed this animation in Java back in 2008, though the two animations are AFAIK unrelated to each other.
• Intersection.Aggregate - Jared Tarbell's original processing work from 2004 which this animation was inspired by (e.g., visualizing the intersections between circles moving about randomly).

MIT © transitive-bullshit

This module was bootstrapped with create-react-library.

Support my OSS work by following me on twitter