✨ Canvas-based starfield animation for React.

npm install --save react-starfield-animation

Check out the demo.

import React, { Component } from 'react'
import StarfieldAnimation from 'react-starfield-animation'
class Example extends Component {
  render () {
    return (
      <StarfieldAnimation
        style={{
          position: 'absolute',
          width: '100%',
          height: '100%'
        }}
      />
    )
  }
}

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.

• react-particle-animation - Canvas-based particle animation for React.
• astral app - A tool for organizing your GitHub stars with ease. Credit for the original animation goes to Collin Henderson.

MIT © Travis Fischer

This module was bootstrapped with create-react-library.

Support my OSS work by following me on twitter