Nutritious Polygonal Meatball

    movia

    0.0.2 • Public • Published

    Movia

    Declarative Vue.js animations library

    Available Components

    • Animation
    • Parallax

    Getting started

    Installation

    First step is to install it using yarn or npm:

    npm install movia
     
    # or use yarn 
    yarn add movia

    Install Plug-in

    import Vue from 'vue';
    import { install as Movia } from '../dist/movia';
     
    Vue.use(Movia);

    Animation Component

    <Animation name="flash" :iteration="3" delay="1s" class="custom-class">
      <img alt="Test image" src="https://source.unsplash.com/random/200x200">
    </Animation>

    note: you can add start classes to Animation element, all classes will be removed when animation ends'

    Available Props

    Prop Default Description
    duration '1s' Length of time that an animation takes to complete one cycle.
    delay '0s' When an animation starts. accepts negative values
    iteration 1 The number of times an animation cycle should be played before stopping.
    animateClass 'animated' Main class name that triggers animation
    name '' The animation class name
    visible false Set if element starts visible or hidden

    Keywords

    none

    Install

    npm i movia

    DownloadsWeekly Downloads

    5

    Version

    0.0.2

    License

    MIT

    Unpacked Size

    236 kB

    Total Files

    10

    Last publish

    Collaborators

    • baianaters
    • logaretm