0.1.3 • Published 4 years ago
@dxcat/vue-particles v0.1.3
:star: 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.
0.1.3
4 years ago