react-mouse-particles

 

> A mouse particle effect react component

A very fun react library that can be used to create mouse particle effects, which are as cool as meteors or fireballs. I often want to use react to do something fun. Using this component may make your page instantly glorious.

#### Another react particle background animation library is here https://github.com/lindelof/particles-bg

$3

* demo(01) https://codesandbox.io/s/react-mouse-particles-l45h1
* demo(02) https://codesandbox.io/s/react-mouse-particles2-4g32z



Install

``bash
npm install --save react-mouse-particles
`

Usage

`jsx
import React, { Component } from 'react'

import MouseParticles from 'react-mouse-particles'

class Example extends Component {
render () {
return (
<>





)
}
}
`

Parameter Description

`jsx

`

key | describe |type | example
----|-----|-----|------
g | Whether to add gravity | number | 1
num | The number of particles emitted each time | number | 3
radius | The radius of every particle | number | 10
alpha | The alpha of every particle | number | .1
tha | The Particle emitter angle | number | 20
v | The Particle emitter Particle velocity | number | 0.5
life | The life of every particle | number | 1.2
color | Particle color | array or string | // or
cull | Eliminate dom's className without triggering animation | string |
level | Detect levels of culling animation | number | 6`

---

Contribution

I very much hope that you can work with me to modify the code. I also have a lot of fun ideas. Maybe you can join me to implement it.

License

https://opensource.org/licenses/MIT