Nearsighted Penguin March

    react-flip-numbers
    TypeScript icon, indicating that this package has built-in type declarations

    3.0.7 • Public • Published

    React Flip Numbers

    Coverage Status npm version npm downloads npm npm

    Make number animation looks sexy 👏

    • 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

    Sponsors

    Thank you very much for those kind people with their sponsorship to this project.

    @sayav @lemcii @washingtonsoares @lixunn @SamSamskies @peaonunes @wilhelmeek @iwarner @joejknowles @chris-gunawardena @Tymek @Luchanso @vcarel @gragland @tjshipe @krnlde @msutkowski @mlukaszczyk

    Install

    npm i react-flip-numbers

    DownloadsWeekly Downloads

    2,189

    Version

    3.0.7

    License

    Mit

    Unpacked Size

    25.6 kB

    Total Files

    9

    Last publish

    Collaborators

    • bluebill1049