Introduction

FlipClock.js is an open source library written in Typescript designed for building clocks, counters, scoreboards, flipboards and more.

The goal is provide well-tested, strongly typed, and flexible API's that are easy and straight forward to use. The codebase is well-documented and we strongly encourage community contribution and feedback.

How It Works

FlipClock.js is framework agnostic and can be used an any modern JavaScript environment, including React, Vue, Angular, Svelte, and Solid. Everything in the library is themeable, which gives you complete control over the markup, styling, and behavior of your clocks.

Basic Example

import { clock, css, flipClock, theme } from 'flipclock';

const parent = document.querySelector('#clock')!;

flipClock({
    parent,
    face: clock(),
    theme: theme({
        dividers: ':',
        css: css({
            fontSize: '3rem'
        })
    })
});