TypeScript MIT

react-countdown-circle-timer

Lightweight React/React Native countdown timer component with color and progress animation based on SVG

V

vydimitrov

Dernière activité 27 juil. 2026
vydimitrov/react-countdown-circle-timer

716

étoiles

87

forks

4

issues ouvertes

androidcountdowncountdown-animationcountdown-timeiosreactreact-nativetimer

Ce README est souvent en anglais.

React/React Native Countdown Circle Timer

React/React Native countdown timer component in a circle shape with color and progress animation.

Features

⚡ Performance optimized with single requestAnimationFrame loop to animate color and progress
🌈 Transition between colors during the countdown
🏰 Fully customizable content in the center of the circle
🚀 Support iOS and Android

React

npm npm Codecov npm bundle size

yarn add react-countdown-circle-timer

Check out the full documentation for demos and use cases.

React Native

npm npm Codecov npm bundle size

yarn add react-native-countdown-circle-timer

This component has a peer dependency on react-native-svg. Read the full documentation for the installation guide, as well as demos and use cases.

Projets similaires

A customizable countdown component for React.

TypeScriptcomponentcountdownhacktoberfest
Nndresx
787 étoiles70

React timer hook

TypeScriptclockcomponentcountdown
Aamrlabib
625 étoiles114

HTML5 canvas countdown clock React component

JavaScriptcanvascoffeescriptcountdown-timer
Ppughpugh
187 étoiles80