pughpugh / React Countdown Clock
Licence: isc
HTML5 canvas countdown clock React component
Stars: ✭ 182
Programming Languages
coffeescript
4710 projects
Projects that are alternatives of or similar to React Countdown Clock
Vue Sign Canvas
一个基于canvas开发,封装于Vue组件的通用手写签名板(电子签名板),支持pc端和移动端,属性支持自定义配置
Stars: ✭ 163 (-10.44%)
Mutual labels: canvas
Drawingboard.js
A canvas based drawing app that you can integrate easily on your website.
Stars: ✭ 2,072 (+1038.46%)
Mutual labels: canvas
Diffre
Neon Progress indicator useful for event progress like views. Proof of concept.
Stars: ✭ 176 (-3.3%)
Mutual labels: canvas
Filterous 2
Instagram-like photo manipulation library for Node.js and Javascript on browser
Stars: ✭ 163 (-10.44%)
Mutual labels: canvas
Rxdownloader
Demo of Downloading Songs/Images through Android Download Manager using RxJava2
Stars: ✭ 166 (-8.79%)
Mutual labels: canvas
React Native Signature Canvas
✒️ React Native Signature Component based WebView Canvas for Android && IOS && expo
Stars: ✭ 169 (-7.14%)
Mutual labels: canvas
Diagram Maker
A library to display an interactive editor for any graph-like data.
Stars: ✭ 2,086 (+1046.15%)
Mutual labels: canvas
Vue Grid Canvas
A vue component, it can generate a similar excel form for you
Stars: ✭ 179 (-1.65%)
Mutual labels: canvas
Picasso.js
A charting library streamlined for building interactive visualizations for the Qlik product suites.
Stars: ✭ 175 (-3.85%)
Mutual labels: canvas
Alimask
😷 alimask 是一个使用 canvas 生成类似阿里巴巴内部网站水印图片的 JavaScript 库。
Stars: ✭ 163 (-10.44%)
Mutual labels: canvas
Web Study
本仓库是自己总结的前端开发一些基础知识，包括html5，css3， canvas， jQuery， less ，ES6， webpack，Vue等，也包含了一些算法和数据结构方面的练习，同时也记录了自己工作中的踩坑总结，适合想要学习前端开发的伙伴，你可以clone项目到本地，然后一步一步跟着我的demo敲，希望大家都能全栈。
Stars: ✭ 176 (-3.3%)
Mutual labels: canvas
Lucky Canvas
🌼🌼🌼 使用 TypeScript + 原生 Canvas 封装的 JS 抽奖插件【大转盘 / 九宫格】🚀 并内置了一个微型的响应式来处理异步数据渲染，🌈 一套源码适配多端框架 js / jq / vue / react / taro / uni-app / 微信小程序等等...
Stars: ✭ 156 (-14.29%)
Mutual labels: canvas
Konfetti
Celebrate more with this lightweight confetti particle system 🎊
Stars: ✭ 2,278 (+1151.65%)
Mutual labels: canvas
React Countdown Clock
A HTML 5 canvas countdown clock as a React component.
Demo
pughpugh.github.io/react-countdown-clock
Installation
npm install react-countdown-clock
Usage
<ReactCountdownClock seconds={60}
color="#000"
alpha={0.9}
size={300}
onComplete={myCallback} />
Props
| prop | type | default | description |
|---|---|---|---|
| seconds | integer | 60 | Seconds to countdown |
| color | string | #000 | Colour of counter |
| alpha | float | 1.0 | Alpha transparency of counter |
| size | integer | 300 | Width & height of canvas element |
| weight | integer | Weight of circle, in pixels | |
| fontSize | integer/string | auto | px size of font. auto for dynamic sizing. |
| font | string | Arial | Font of counter |
| timeFormat | string | seconds | Counter style; seconds or hms
|
| showMilliseconds | boolean | true | Show milliseconds for last 10 seconds |
| onComplete | func | Callback when time completes | |
| paused | boolean | false | Pause countdown of the timer |
| pausedText | string | Text to display when paused, defaults to the current time |
Bugs & Contributions
Bugs, features and pull requests always welcome.
github.com/pughpugh/react-countdown-clock/issues
Also, it's always just nice to hear how people are using it. Feel free to get in touch.
- Email: [email protected]
- Web: www.hughgallagher.co.uk
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].