vue-vanta
vue-vanta
Animated website backgrounds in a few lines of code.
How to use?
npm install vue-vanta
Example
<template>
<v-vanta effect="waves" :options=options></v-vanta>
</template>
<script>
import VVanta from 'veu-vanta';
export default {
components: { VVanta },
data () {
return {
options: {
mouseControls: true,
touchControls: true,
minHeight: 500.00,
minWidth: 200.00,
scale: 1.00,
scaleMobile: 1.00
}
}
}
}
</script>
Options
| Property | Description | type | default |
|---|---|---|---|
| effect | String | birds | |
| options | Each effect has its own specific parameters. Explore them all at www.vantajs.com! | Object |
Related Packages
vue-vanta-revamp
Add animated vanta.js backgrounds to vue and nuxt projects in a few lines of cod...
15,074
3
nuxt-define
One utility function for module authors to define compiler constants for all bui...
13,412,511
Version History
| Version | Released | License |
|---|---|---|
| 0.0.1 | ISC |