\

AnalogClock is a themable clock component. It provides an easy way of adding a clock to your application. The clock is fully responsive based on the width prop you pass in.

``
npm install --save react-analog-clock
`

Try out the DEMO

![](https://raw.githubusercontent.com/zackargyle/react-analog-clock/master/demo/screenshot.png)

$3


`js
import AnalogClock, { Themes } from 'react-analog-clock';

ReactDOM.render(, element);
`

$3


prop | default
------- | -------
width | 400px
theme | Themes.dark
gmtOffset (optional)| offset of new Date() _(e.g. '-5.5')_
showSmallTicks (optional) | true

$3

Theme | Description
---------- | -----------
dark | Black base, black border
light | White base, gray border
aqua | Gray base, aqua border
lime | Green base, white border
sherbert | Gradient (green/pink) base, white border
navy | Gradient (blue) base, white border

$3

script | description
-------------- | -----------
npm start | run the demo on localhost:3000
npm test | run the test suite
npm run lint` | run the linter

$3

>Be the first to contribute!
>✌⊂(✰‿✰)つ✌

$3

- Allow % width values
- Add Timezone (Winter/Summertime) Support
- Update docs with how to write custom themes
- Add hand movement animation

License

MIT