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"
/>
Related Packages
vue-number-animation
Simple & lightweight animated number plugin designed for Vue.js 3.0 & 2.x.
468,076
76
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 | |
| 1.0.25 | ^2.6.10 | MIT | |
| 1.0.24 | ^2.6.10 | MIT | |
| 1.0.23 | ^2.6.10 | MIT | |
| 1.0.22 | ^2.6.10 | MIT | |
| 1.0.19 | ^2.6.10 | MIT | |
| 1.0.18 | ^2.6.10 | MIT | |
| 1.0.17 | ^2.6.10 | MIT | |
| 1.0.15 | ^2.6.10 | MIT | |
| 1.0.14 | ^2.6.10 | MIT | |
| 1.0.13 | ^2.6.10 | MIT | |
| 1.0.12 | ^2.6.10 | MIT | |
| 1.0.11 | ^2.6.10 | MIT |