vue-animation-counter

Animated number transition library for Vue.js
2,492
Install
npm install vue-animation-counter
Latest Version:1.0.30
Vue:2
License:MIT
Last Updated:Oct 15, 2021
Links: Gitee  ·  npm
Maintainer: jrhess

V-Number

Animated number transition library for Vue.js

Installation

yarn add vue-animation-counter
// or
npm install vue-animation-counter
// or 
cnpm i vue-animation-counter --save

Usage

Simple lightweight library for smooth vertical number transitions

import { VNumber } from "@vue-animation-counter";
import { VNumfy } from "@vue-animation-counter";

And use:

<v-number v-model="someNumber"></v-number>

You can set custom animation speed in ms:

<v-number :speed="2000" v-model="someNumber"></v-number>

Flashing number transitions

import { VFlashNumber } from "@vue-animation-counter";

Flashing number transitions that will supports blockchain numbers

import { VFNumber } from "@vue-animation-counter";
   <v-f-number
            :start-val="0"
            :end-val="900000000"
            :decimals="10"
            :decimal-show="3"
            :duration="3000"
            subfix="BTC"
          />

Related Packages

Version History

Version Released Vue License
1.0.30 ^2.6.10 MIT
1.0.29 ^2.6.10 MIT
1.0.28 ^2.6.10 MIT
1.0.27 ^2.6.10 MIT
1.0.26 ^2.6.10 MIT