Skip to content


Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

React/React Native Countdown Circle Timer

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


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


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.