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-number v-model="someNumber"></v-number>

Customization

You can set custom animation speed in ms:

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