vue-animation-counter

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"
          />