// @flowtypeProps={from: number,// value to which counter should go, start from 0to: number,// value to which counter should go, start from 0render: (value: number)=>React.Node,// render function to render an componenteaseFn: "linear"|"ease-in"|"ease-out"|"ease-in-out",// easing functionsduration: number,// duration for counting// if strict is set to true, then the counter will finish with the given duration,// else it'll use the 16ms (1 frame) for each to smooth the counting// when using strict mode, if you are using it for some animation, please make sure to add the transition for that property// else you may feel jerksstrict: boolean,};defaultProps={from: 0,to: 0,easeFn: "ease-out",duration: 1500,render: (value: number)=><span>{value}</span>,strict: false,}
About
A simple counter with animation i.e. ease, ease-in, ease-out etc.build with react