Flip Counter Plugin

Flip is an advanced and beautiful flip counter plugin. Easy to use and highly flexible, you can set up a custom counter on your website in minutes. Display visitor counts, countdown to a special date or celebrate progress. Whatever you’re planning, the options are endless.

Here’s a counter example

<div class="tick"
     data-value="1234"
     data-did-init="setupFlip">
    <div data-repeat="true" aria-hidden="true">
        <span data-view="flip"></span>
    </div>
</div>

<script>
function setupFlip(tick) {
    Tick.helper.interval(function() {
        tick.value++;
        tick.root.setAttribute(
            'aria-label', 
            tick.value
        );
    }, 1000);
}
</script>

Example for all use cases are included on the product page.

Flip Product Page →
Flip Source (GitHub) →

FlipClock.js

flipclock

JavaScript countdown (or up) script with split-flap flip effect. Used it in a recent project and works like a charm. Only downside is that it’s px based, but that can be overcome. Be sure to also click that “Developer API” link on the site, as the main page itself does not hold all needed information to tweaking it.

FlipClock.js →

Related: Two years ago a few students of mine experimented with actual splitflaps. You can see the result here.