V-Number

Animated number transition library for Vue.js

Simple lightweight library for smooth vertical number transitions

LIVE DEMO: animated likes counter

Installation

yarn add @maxflex/v-number
// or
npm install @maxflex/v-number

Usage

Just import:

import{VNumber}from"@maxflex/v-number";

And use:

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

Customization

You can set custom animation speed in ms:

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