bluebill1049 / React Flip Numbers
Licence: mit
🎰 Flip your numbers in 3D
Stars: ✭ 185
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Flip Numbers
Social Links
Simple library to count shares and generate share buttons
Stars: ✭ 91 (-50.81%)
Mutual labels: counter
Libphonenumber Js
A simpler (and smaller) rewrite of Google Android's libphonenumber library in javascript
Stars: ✭ 2,233 (+1107.03%)
Mutual labels: number
Illacceptanything
The project where literally anything* goes.
Stars: ✭ 1,756 (+849.19%)
Mutual labels: counter
To Regex Range
Pass two numbers, get a regex-compatible source string for matching ranges. Fast compiler, optimized regex, and validated against more than 2.78 million test assertions. Useful for creating regular expressions to validate numbers, ranges, years, etc.
Stars: ✭ 97 (-47.57%)
Mutual labels: number
React Retro Hit Counter
🆕 Go back in time with this 90s-style hit counter.
Stars: ✭ 144 (-22.16%)
Mutual labels: counter
Happy Captcha
Happy Captcha是一款易于使用的Java验证码软件包，旨在花最短的时间，最少的代码量，实现Web站点的验证码功能。Happy Captcha完全遵循Apache 2.0开源许可协议，你可以自由使用该软件，如您在使用Happy Captcha时发现软件的任何缺陷，欢迎随时与我联系。
Stars: ✭ 75 (-59.46%)
Mutual labels: number
Mongoose Sequence
Sequence and autoincrement handling for mongoose
Stars: ✭ 178 (-3.78%)
Mutual labels: counter
Javascript Number Formatter
Lightweight & Fast JavaScript Number Formatter
Stars: ✭ 119 (-35.68%)
Mutual labels: number
React Native Input Spinner
An extensible input number spinner component for react-native highly customizable. This component enhance a text input for entering numeric values, with increase and decrease buttons.
Stars: ✭ 155 (-16.22%)
Mutual labels: number
Hit Counter
Easily count hits 📈 on a website by requesting a SVG displaying hit count 🎯
Stars: ✭ 103 (-44.32%)
Mutual labels: counter
Android Xnumberkeyboard
Android number keyboard view. Android自定义的数字键盘。
Stars: ✭ 149 (-19.46%)
Mutual labels: number
Dipstick
Configurable metrics toolkit for Rust applications
Stars: ✭ 92 (-50.27%)
Mutual labels: counter
Is Number
JavaScript/Node.js utility. Returns `true` if the value is a number or string number. Useful for checking regex match results, user input, parsed strings, etc.
Stars: ✭ 176 (-4.86%)
Mutual labels: number
Phoenix Liveview Counter Tutorial
🤯 beginners tutorial building a real time counter in Phoenix 1.5.5 + LiveView 0.14.7 ⚡️
Stars: ✭ 115 (-37.84%)
Mutual labels: counter
Swiftyfitsize
📱 Swifty screen adaptation solution (Support Objective-C and Swift)
Stars: ✭ 184 (-0.54%)
Mutual labels: number
React Flip Numbers
Make number animation looks sexy 👏
- Flip your numbers in 3D space
- Super easy to use
Install
npm install react-flip-numbers -S
Quickstart
import react from 'react';
import FlipNumbers from 'react-flip-numbers';
export default () => {
return <FlipNumbers height={12} width={12} color="red" background="white" play perspective={100} numbers="12345" />;
};
API
| Prop | Type | Required | Description |
|---|---|---|---|
numbers |
string | ✓ | |
play |
boolean | ✓ | Start the animation |
height |
number | ✓ | Individual number height |
width |
number | ✓ | Individual number width |
color |
string | ✓ | Number color |
background |
string | Background color | |
perspective |
number | CSS 3D transition perspective | |
nonNumberStyle |
string | CSS inline style for not number eg , : . | |
numberStyle |
string | CSS inline style for number | |
duration |
number | ||
delay |
number |
Sponsors
Thank you very much for those kind people with their sponsorship to this project.
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].