matteobruni / vue-particles.js

Vue component for particles.js library

⭐ vue-particles.js

Vue.js component for particles.js with a full customization support!

Add to your project

yarn add @starzio/vue-particles.js --save --dev

Or

npm install @starzio/vue-particles.js --save-dev

Configure with vue

import Vue from 'vue'
import VueParticlesJS from '@starzio/vue-particles.js'

Vue.use(VueParticlesJS)

Include in your page

<template>
  <div id="app">
    <vue-particles></vue-particles>
  </div>
</template>

Customization

you can modify the particlesData prop to use your own particles.js config object.

<template>
  <div id="app">
    <vue-particles :particlesData="particlesData"></vue-particles>
  </div>
</template>

<script>
import particlesJSConfig from './particlesjs-config.json'

export default {
  data: function () {
    return {
      particlesData: particlesJSConfig
    }
  }
}
</script>

You can generate your particlesjs-config.json file from particles.js website.

That's it! If you have any questions or issues, feel free to open a pull request.