How to use
npm install vue-particles --save-dev
Main.js file
import Vue from 'vue'
import VueParticles from 'vue-particles'
Vue.use(VueParticles)
App.vue file - Simple example
{{appCode}}
App.vue file - Full example
{{appCodeFull}}
Props
| Name |
Type |
Default |
Description |
| color |
String |
#dedede |
Particle color |
| particleOpacity |
Number |
0.7 |
Particle opacity |
| particlesNumber |
Number |
80 |
Amount of particles |
| shapeType |
String |
"circle" |
Available shape types: "circle","edge","triangle",
"polygon","star"
|
| particleSize |
Number |
4 |
Size of single particle
|
| linesColor |
String |
#dedede |
Lines color
|
| linesWidth |
Number |
1 |
Lines width
|
| lineLinked |
Boolean |
true |
Enable lines
|
| lineOpacity |
Number |
0.4 |
Line opacity
|
| linesDistance |
Number |
150 |
Lines distance
|
| moveSpeed |
Number |
3 |
Particles speed
|
| hoverEffect |
Boolean |
true |
Enable hover effect
|
| hoverMode |
String |
grab |
Available hover modes:
"grab", "repulse", "bubble"
|
| clickEffect |
Boolean |
true |
Enable click effect
|
| clickMode |
String |
push |
Available click modes:
"push", "remove", "repulse", "bubble"
|