Skip to content

vydimitrov/react-countdown-circle-timer

master
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?
Code

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.