{"id":14383989,"url":"https://github.com/pughpugh/react-countdown-clock","last_synced_at":"2025-10-24T02:28:04.944Z","repository":{"id":25964114,"uuid":"29406019","full_name":"pughpugh/react-countdown-clock","owner":"pughpugh","description":"HTML5 canvas countdown clock React component","archived":false,"fork":false,"pushed_at":"2024-11-18T22:41:17.000Z","size":2653,"stargazers_count":186,"open_issues_count":21,"forks_count":81,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-04-21T19:01:50.629Z","etag":null,"topics":["canvas","coffeescript","countdown-timer","react"],"latest_commit_sha":null,"homepage":null,"language":"CoffeeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"isc","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/pughpugh.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2015-01-17T21:17:55.000Z","updated_at":"2025-04-19T22:03:57.000Z","dependencies_parsed_at":"2024-01-14T19:14:40.293Z","dependency_job_id":"d2d0dd4e-4a8b-4b48-a15b-221c99d0847f","html_url":"https://github.com/pughpugh/react-countdown-clock","commit_stats":{"total_commits":66,"total_committers":9,"mean_commits":7.333333333333333,"dds":"0.18181818181818177","last_synced_commit":"2314a5ad62a289f49228d09bac14d446e4a68d14"},"previous_names":[],"tags_count":24,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pughpugh%2Freact-countdown-clock","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pughpugh%2Freact-countdown-clock/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pughpugh%2Freact-countdown-clock/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pughpugh%2Freact-countdown-clock/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pughpugh","download_url":"https://codeload.github.com/pughpugh/react-countdown-clock/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254337612,"owners_count":22054253,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["canvas","coffeescript","countdown-timer","react"],"created_at":"2024-08-28T18:01:04.862Z","updated_at":"2025-10-24T02:28:03.656Z","avatar_url":"https://github.com/pughpugh.png","language":"CoffeeScript","funding_links":[],"categories":["CoffeeScript"],"sub_categories":[],"readme":"# React Countdown Clock\n\nA HTML 5 canvas countdown clock as a React component.\n\n![Screenshot](http://pughpugh.github.io/react-countdown-clock/animated.gif)\n\n## Demo\n\n[pughpugh.github.io/react-countdown-clock](http://pughpugh.github.io/react-countdown-clock)\n\n## Installation\n\n```\nnpm install react-countdown-clock\n```\n\n## Usage\n\n```javascript\n\u003cReactCountdownClock seconds={60}\n                     color=\"#000\"\n                     alpha={0.9}\n                     size={300}\n                     onComplete={myCallback} /\u003e\n```\n\n## Props\n\n| prop             | type           | default | description                                               |\n|------------------|----------------|---------|-----------------------------------------------------------|\n| seconds          | integer        | 60      | Seconds to countdown                                      |\n| color            | string         | #000    | Colour of counter                                         |\n| alpha            | float          | 1.0     | Alpha transparency of counter                             |\n| size             | integer        | 300     | Width \u0026 height of canvas element                          |\n| weight           | integer        |         | Weight of circle, in pixels                               |\n| fontSize         | integer/string | auto    | px size of font. `auto` for dynamic sizing.               |\n| font             | string         | Arial   | Font of counter                                           |\n| timeFormat       | string         | seconds | Counter style; `seconds` or `hms`                         |\n| showMilliseconds | boolean        | true    | Show milliseconds for last 10 seconds                     |\n| onComplete       | func           |         | Callback when time completes                              |\n| paused           | boolean        | false   | Pause countdown of the timer                              |\n| pausedText       | string         |         | Text to display when paused, defaults to the current time |\n\n## Bugs \u0026 Contributions\n\nBugs, features and pull requests always welcome.\n\n[github.com/pughpugh/react-countdown-clock/issues](https://github.com/pughpugh/react-countdown-clock/issues)\n\nAlso, it's always just nice to hear how people are using it. Feel free to get in touch.\n\n* Email: [hugh@hcgallagher.co.uk](mailto:hugh@hcgallagher.co.uk)\n* Web: [www.hughgallagher.co.uk](http://www.hughgallagher.co.uk/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpughpugh%2Freact-countdown-clock","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpughpugh%2Freact-countdown-clock","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpughpugh%2Freact-countdown-clock/lists"}