项目作者: vydimitrov

项目描述 :
Lightweight React/React Native countdown timer component with color and progress animation based on SVG
高级语言: JavaScript
项目地址: git://github.com/vydimitrov/react-countdown-circle-timer.git
创建时间: 2019-09-14T12:47:25Z
项目社区:https://github.com/vydimitrov/react-countdown-circle-timer

开源协议:MIT License

下载


React/React Native Countdown Circle Timer

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

Features

:zap: Performance optimized with single requestAnimationFrame loop to animate color and progress
:rainbow: Transition between colors during the countdown
:european_castle: Fully customizable content in the center of the circle
:rocket: Support iOS and Android

React

npm
npm
Codecov
npm bundle size

  1. yarn add react-countdown-circle-timer

Check out the full documentation for demos and use cases.

React Native

npm
npm
Codecov
npm bundle size

  1. 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.