3.0.9 • Published 6 months ago

react-flip-numbers v3.0.9

Weekly downloads
769
License
Mit
Repository
github
Last release
6 months ago

React Flip Numbers

Coverage Status npm version npm downloads npm npm

Make number animation looks sexy :clap:

  • Flip your numbers in 3D space
  • Super easy to use

Install

npm install react-flip-numbers -S

Quickstart

import react from 'react';
import FlipNumbers from 'react-flip-numbers';

export default () => {
  return <FlipNumbers height={12} width={12} color="red" background="white" play perspective={100} numbers="12345" />;
};

API

PropTypeRequiredDescription
numbersstring
playbooleanStart the animation
heightnumberIndividual number height
widthnumberIndividual number width
colorstringNumber color
backgroundstringBackground color
perspectivenumberCSS 3D transition perspective
nonNumberStylestringCSS inline style for not number eg , : .
numberStylestringCSS inline style for number
durationnumber
delaynumber

By the makers of BEEKAI

We also make BEEKAI. Build the next-generation forms with modern technology and best in class user experience and accessibility.

3.0.9

6 months ago

3.0.8

2 years ago

3.0.7

3 years ago

3.0.6

3 years ago

3.0.5

5 years ago

3.0.4

6 years ago

3.0.3

6 years ago

3.0.2

6 years ago

3.0.1

6 years ago

3.0.1-beta.3

6 years ago

3.0.1-beta.2

6 years ago

3.0.1-beta.1

6 years ago

3.0.0

6 years ago

3.0.0-beta.1

6 years ago

2.1.4

6 years ago

2.1.4-beta.2

6 years ago

2.1.4-beta.1

6 years ago

2.1.3

6 years ago

2.1.2

6 years ago

2.1.1

6 years ago

2.1.0

6 years ago

2.1.0-beta.1

6 years ago

2.0.0

7 years ago

1.0.4

7 years ago

1.0.3

7 years ago

1.0.2

7 years ago