hzzly/react-particle-line

🌈一个React+Cnavas酷炫背景粒子线条

react-particle-line

How to use

npm install react-particle-line --save

Examples

import React from 'react';
import ReactParticleLine from 'react-particle-line';

const Example = () => (
  <ReactParticleLine>
    {/* ... */}
  </ReactParticleLine>
);

export default Example;

import React from 'react';
import ReactParticleLine from 'react-particle-line';

const Example = () => (
  <ReactParticleLine
    lineWidth={0.3}
    dotsNumber={100}
    dotsDistance={100}
    hoverEffect={true}
  >
    {/* ... */}
  </ReactParticleLine>
);

export default Example;

Props

Prop	Type	Default	Description
lineWidth	Number	0.3	connect line width
dotsNumber	Number	100	dot number
dotsDistance	Number	100	far as points to connect
hoverEffect	Boolean	true	mouse hover events

License

MIT