Have ideas to improve npm?Join in the discussion! »

    @deveodk/vue-animate

    1.0.1 • Public • Published

    @deveodk/vue-animate

    npm vue2

    Vue-animate provides an easy way to use beautiful animations for your page. Ideal for hero style landing pages

    Demo

    See a functioning demo deveo demo site

    Installation

    npm install --save @deveodk/vue-animate

    Bundler (Webpack, Rollup)

    import Vue from 'vue'
    import vueAnimate from '@deveodk/vue-animate'
    // You need a specific loader for CSS files like https://github.com/webpack/css-loader
    import '@deveodk/vue-animate/dist/@deveodk/vue-animate.css'
     
    Vue.use(vueAnimate)

    Browser

    <!-- From CDN -->
    <link rel="stylesheet" href="https://unpkg.com/@deveodk/vue-animate/dist/@deveodk/vue-animate.css"></link>
    <script src="https://unpkg.com/@deveodk/vue-animate"></script>

    Usage

    There are currently four available animations

    # Abstract can accept the reactive params speed and fraction
    <abstract-hue></abstract-hue>
    <abstract-saturation></abstract-saturation>
    <ring-blue></ring-blue>
    <ring-green></ring-green>

    License

    MIT

    Install

    npm i @deveodk/vue-animate

    DownloadsWeekly Downloads

    4

    Version

    1.0.1

    License

    MIT

    Last publish

    Collaborators

    • avatar