V-Number

Animated number transition library for Vue.js

Simple lightweight library for smooth horizontal number transitions

LIVE DEMO

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>