Creating a Roll Style Number Counter that Mimics a Slot Machine
An example of a React-based, ES6 number counter.
Jul 29, 2015 • Kevin Hou
I found a really cool way of making a number counter engaging. A co-worker at Salesforce, named Amy Lee, created a simple React component designed to mimic a slot machine. Instead of simply changing the number, the function “animates” the change and rolls up to that number. The cool thing about this is that it works for any number and it requires no CSS3 animation. It looks neat, especially with huge numbers!