Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including ember-clock-face with all npm packages installed. Try it out:

var emberClockFace = require("ember-clock-face")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

ember-clock-face v1.0.1

A clock face for Ember.


This is an Ember addon that provides a clock face.

It uses ember-clock as a dependency. If you don't need a clock face, but you want to use a clock to update time sensitive properties, use ember-clock instead.


Basic clock face using the default parameters.


Clock face, 150px in size, with numbers.

{{clock-face size="150" showClockNumbers=true}}


The clock can be styled using CSS.

The clock face's svg element has the class name clock-face. The circle that makes up the background of the clock face has a class name of face.

The clock hands have hour-hand, minute-hand and second-hand class names.
The markers have hour-mark and minute-mark class names.

The clock numbers have the class name clock-number.



npm install ember-clock-face --save-dev


To try out a demo..

  • git clone this repository
  • npm install
  • bower install
  • ember server
  • Visit the demo app at http://localhost:4200.

Running Tests

  • ember test
  • ember test --server

For more information on using ember-cli, visit


RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free