@ailjc/react-particle-line

@ailjc/react-particle-line

基于 react 的线性粒子背景

Examples

import React from 'react';
import ReactParticleLine from '@ailjc/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