Easy to use css spinners collection with Vue.js integration

epic-spinners

This collection of crafted spinners, animated with CSS, which are available both as html/css code snippets, are also easily customizable Vue.js components.

Live demo page, click on a spinner to see its code.

Css only. Easy to use. VueJS integration.

Example

Getting started with these cool spinners:

install it using the following command:

yarn add epic-spinners

import only the spinners you are going to use and register the components

import {FulfillingBouncingCircleSpinner, FlowerSpinner, AtomSpinner} from 'epic-spinners'

  export default {
    components: {
        FlowerSpinner,
        FulfillingBouncingCircleSpinner,
        AtomSpinner
    }
  }

You can easily configure spinners' size, color and animation speed

<flower-spinner
:animation-duration="2500"
:size="70"
:color="'#4286f4'"
/>

<fulfilling-bouncing-circle-spinner
:animation-duration="4000"
:size="80"
:color="'#ff1d5e'"
/>

<atom-spinner
:animation-duration="1000"
:size="60"
:color="'#f44941'"
/>

This is it! This project's repository is hosted on GitHub. By @epicmaxco