Nihilistic Party Mantra

    v-animate-css

    0.0.6 • Public • Published

    Vue Animate CSS

    GitHub forks GitHub Repo stars

    v-animate-css

    The easiest way to implement Vue directive for Animate.css

    If you like this project, please give it a star , and consider following the author :octocat: 😉 .

    Installation using NPM

    npm install v-animate-css --save

    OR

    Installation using YARN

    yarn add v-animate-css

    Or just import this to project without installing

    Using CDN

    https://unpkg.com/v-animate-css/dist/v-animate-css.js
    

    Getting Started

    Usage

    import Vue from 'vue';
    import VAnimateCss from 'v-animate-css';
    
    Vue.use(VAnimateCss);
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.4/vue.js"></script>
    <script src="https://unpkg.com/v-animate-css/dist/v-animate-css.js"></script>
    
    <script>
      Vue.use(VAnimateCss.default);
    </script>

    Inject Local CSS

    Related to Issue#33 it make sense to give the user the option to add their own local version of Animate.css instead of relying to the default CDN version of Animate.css within the plugin.

    You can do it using the new animateCSSPath option.

    import Vue from 'vue';
    import VAnimateCss from 'v-animate-css';
    
    Vue.use(VAnimateCss, { animateCSSPath: './local-animate-css-file.css' });
    
    // You can also use this option to inject a newer version of Animate.css
    Vue.use(VAnimateCss, { animateCSSPath: 'cdn-link-to-a-newer-animate-css-version' });

    Demo and Docs here.

    Made with ❤️ by Joff Tiquez

    Install

    npm i v-animate-css

    DownloadsWeekly Downloads

    1,647

    Version

    0.0.6

    License

    MIT

    Unpacked Size

    59.9 kB

    Total Files

    16

    Last publish

    Collaborators

    • cent1pede