vue-animation-counter

1.0.30 • Public • Published

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

Package Sidebar

Install

npm i vue-animation-counter

Weekly Downloads

31

Version

1.0.30

License

MIT

Unpacked Size

2.03 MB

Total Files

22

Last publish

Collaborators

  • jrhess