smooth-load

A GSAP powered, spinner component for Vue.js. Pretty and silky smooth.

Usage no npm install needed!

<script type="module">
  import smoothLoad from 'https://cdn.skypack.dev/smooth-load';
</script>

A GSAP powered, spinner component for Vue.js. Pretty and silky smooth.

Use the package manager npm to install Smooth Load.

npm install smooth-load

import smoothLoad from 'smooth-load'

Vue.use(smoothLoad)

Then in your page view template use the component to hide your content while your data loads.

<template>
  <div>
    <smooth-load :loading='loadVariable'/>
    <p>{{loadedContent}}</p>
  </div>
</template>

Check out the docs for a more detailed example and prop options!

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.