Smooth Motion Effect Library For Vue – use-motion

Description:

An animation library that adds smooth motion effects to components in your Vue 2 or Vue 3 app.

Basic Usage:

<template>
  <div
    v-motion="'block'"
    :initial="{
      y: 200,
      opacity: 0.25,
    }"
    :enter="{
      y: 0,
      x: 0,
      opacity: 1,
    }"
  />
</template>

Preview:

Smooth Motion Effect Library For Vue - use-motion

Changelog:

02/28/2021

  • v1.2.6

02/27/2021

  • v1.1.6

02/25/2021

  • v1.0.9

02/23/2021

  • v1.0.5 improving nuxt & vue 2 support

02/22/2021

  • v1.0.4 update

02/20/2021

  • v1.0.0 standard

02/20/2021

  • v1.0.0-beta.15

02/17/2021

  • v1.0.0-beta.8

02/16/2021

  • v1.0.0-beta.4

02/09/2021

  • use popmotion elapsed instead of setTimeout

02/07/2021

  • support custom directives from plugin options

02/03/2021

  • Bugfix

Download Details:

Author: vueuse

Live Demo: https://vue-use-motion.netlify.app/

Download Link: https://github.com/vueuse/motion/archive/main.zip

Official Website: https://github.com/vueuse/motion

Install & Download:

# Yarn
$ yarn add @vueuse/motion

# NPM
$ npm i @vueuse/motion

You Might Be Interested In:

Add Comment