react-globules

React JS component that gives your project a cool interactive background

Usage no npm install needed!

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

README

React Globules

npm package

React JS component that gives your project a cool interactive background

Demo

Screenshot (Default theme)

Properties

<Globules
    widthPercent={true} 
    heightPercent={true} 
    width={100} // % or px
    height={100} // % or px
    speed={4} // 0 - 9
    density={50} // 0 - 99
    color={'#ffffff'} // 6 char long hex
    background={'#000000'} // 6 char long hex
>
    <p>Test</p>
</Globules>