vue-vanta

Animated website backgrounds in a few lines of code.
1,304 3
Install
npm install vue-vanta
Latest Version:0.0.1
License:ISC
Last Updated:May 11, 2021
Links: GitHub  ·  npm
Maintainer: bihnam

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
@scayle/storefront-nuxt

Nuxt integration for the SCAYLE Commerce Engine and Storefront API

152,903
nuxt-tsconfig-stub

Stub Nuxt's generated tsconfig.json at installation

70,835 24
kuranuxt

Look at the Nuxt 3 documentation to learn more.

871 0
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