{"id":26258460,"url":"https://github.com/vydimitrov/react-countdown-circle-timer","last_synced_at":"2025-05-14T04:07:34.779Z","repository":{"id":38361771,"uuid":"208439409","full_name":"vydimitrov/react-countdown-circle-timer","owner":"vydimitrov","description":"Lightweight React/React Native countdown timer component with color and progress animation based on SVG","archived":false,"fork":false,"pushed_at":"2025-04-14T14:55:59.000Z","size":1804,"stargazers_count":707,"open_issues_count":1,"forks_count":88,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-05-04T12:07:21.485Z","etag":null,"topics":["android","countdown","countdown-animation","countdown-time","ios","react","react-native","timer"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/vydimitrov.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","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,"zenodo":null}},"created_at":"2019-09-14T12:47:25.000Z","updated_at":"2025-04-30T18:10:34.000Z","dependencies_parsed_at":"2023-01-30T23:15:18.621Z","dependency_job_id":"862a7d9a-199d-4ddb-88f5-7ed081bed1d2","html_url":"https://github.com/vydimitrov/react-countdown-circle-timer","commit_stats":null,"previous_names":[],"tags_count":58,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vydimitrov%2Freact-countdown-circle-timer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vydimitrov%2Freact-countdown-circle-timer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vydimitrov%2Freact-countdown-circle-timer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vydimitrov%2Freact-countdown-circle-timer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vydimitrov","download_url":"https://codeload.github.com/vydimitrov/react-countdown-circle-timer/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253241229,"owners_count":21876787,"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":["android","countdown","countdown-animation","countdown-time","ios","react","react-native","timer"],"created_at":"2025-03-13T21:45:29.712Z","updated_at":"2025-05-14T04:07:34.719Z","avatar_url":"https://github.com/vydimitrov.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React/React Native Countdown Circle Timer\n\nReact/React Native countdown timer component in a circle shape with color and progress animation.\n\n\u003cimg src=\"https://user-images.githubusercontent.com/10707142/66097204-ca68c200-e59d-11e9-9b70-688409755aaa.gif\" width=\"200\"\u003e \u003cimg src=\"https://user-images.githubusercontent.com/10707142/65935516-a0869280-e419-11e9-9bb0-40c4d1ef2bbe.gif\" width=\"200\"\u003e \u003cimg src=\"https://user-images.githubusercontent.com/10707142/65963815-cfbdf380-e45b-11e9-809d-970174e88914.gif\" width=\"200\"\u003e\n\n## Features\n\n:zap: Performance optimized with single `requestAnimationFrame` loop to animate color and progress  \n:rainbow: Transition between colors during the countdown  \n:european_castle: Fully customizable content in the center of the circle  \n:rocket: Support iOS and Android\n\n## React\n\n[![npm](https://img.shields.io/npm/v/react-countdown-circle-timer)](https://www.npmjs.com/package/react-countdown-circle-timer)\n[![npm](https://img.shields.io/npm/dw/react-countdown-circle-timer)](https://www.npmtrends.com/react-countdown-circle-timer)\n[![Codecov](https://img.shields.io/codecov/c/github/vydimitrov/react-countdown-circle-timer?flag=web)](https://app.codecov.io/gh/vydimitrov/react-countdown-circle-timer/tree/master/packages/web/src)\n[![npm bundle size](https://img.shields.io/bundlephobia/minzip/react-countdown-circle-timer)](https://bundlephobia.com/result?p=react-countdown-circle-timer)\n\n```\nyarn add react-countdown-circle-timer\n```\n\nCheck out the [full documentation](https://github.com/vydimitrov/react-countdown-circle-timer/tree/master/packages/web#react-countdown-circle-timer) for demos and use cases.\n\n## React Native\n\n[![npm](https://img.shields.io/npm/v/react-native-countdown-circle-timer)](https://www.npmjs.com/package/react-native-countdown-circle-timer)\n[![npm](https://img.shields.io/npm/dw/react-native-countdown-circle-timer)](https://www.npmtrends.com/react-native-countdown-circle-timer)\n[![Codecov](https://img.shields.io/codecov/c/github/vydimitrov/react-countdown-circle-timer?flag=mobile)](https://app.codecov.io/gh/vydimitrov/react-countdown-circle-timer/tree/master/packages/mobile/src)\n[![npm bundle size](https://img.shields.io/bundlephobia/minzip/react-native-countdown-circle-timer)](https://bundlephobia.com/result?p=react-native-countdown-circle-timer)\n\n```\nyarn add react-native-countdown-circle-timer\n```\n\nThis component has a peer dependency on `react-native-svg`. Read the [full documentation](https://github.com/vydimitrov/react-countdown-circle-timer/tree/master/packages/mobile#react-native-countdown-circle-timer) for the installation guide, as well as demos and use cases.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvydimitrov%2Freact-countdown-circle-timer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvydimitrov%2Freact-countdown-circle-timer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvydimitrov%2Freact-countdown-circle-timer/lists"}