Counter Animation

[ai]

It contains number and animate number changes by moving new number from up or down (like casino machines)

[askd]

What about the last demo here https://animakit.github.io/#/slider ?

[ai]

It looks same, but API is much move complicated for user.

My dream is something like:

<AnimakitCounter value={this.props.count} />

[askd]

But you need an opportunity to stylize numbers. So you need HTML-elements with them.

[ai]

Could we do like this:

<div style="color: red; font-size: 30px">
  <AnimakitCounter value={this.props.count} />
</div>

For example, we could lock a style changes during a animation. So before every animation to take component size again.