React Flip Numbers Save

🎰 Flip your numbers in 3D

Project README

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

react flip numbers

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

Prop Type Required Description
numbers string ✓
play boolean ✓ Start the animation
height number ✓ Individual number height
width number ✓ Individual number width
color string ✓ Number color
background string Background color
perspective number CSS 3D transition perspective
nonNumberStyle string CSS inline style for not number eg , : .
numberStyle string CSS inline style for number
duration number
delay number

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.

Open Source Agenda is not affiliated with "React Flip Numbers" Project. README Source: beekai-oss/react-flip-numbers
Stars
301
Open Issues
1
Last Commit
1 year ago
License
MIT

Open Source Agenda Badge

Open Source Agenda Rating