Vue Particles

Vue.js component for particles backgrounds

Installation

npm install vue-particles --save-dev

Usage

import Vue from 'vue'
import VueParticles from 'vue-particles'
Vue.use(VueParticles)

Component

<template>
    <div id="app">
        <vue-particles
          color="#dedede"
          :particleOpacity="0.7"
          :particlesNumber="80"
          shapeType="circle"
          :particleSize="4"
          linesColor="#dedede"
          :linesWidth="1"
          :lineLinked="true"
          :lineOpacity="0.4"
          :linesDistance="150"
          :moveSpeed="3"
          :hoverEffect="true"
          hoverMode="grab"
          :clickEffect="true"
          clickMode="push"
        >
        </vue-particles>
    </div>
</template>