Home

Awesome

<p align="center"> <img src="https://raw.githubusercontent.com/maxflex/v-number/master/docs/img/logo.png" width="120"> </p>

V-Number

Animated number transition library for Vue.js

Simple lightweight library for smooth vertical number transitions

LIVE DEMO: animated likes counter

<img src="https://raw.githubusercontent.com/maxflex/v-number/master/docs/img/preview.gif">

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>