javierbyte / React Number Easing
Licence: other
React component for fancy number transitions.
Stars: ✭ 131
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Number Easing
Layerjs
layerJS: Javascript UI composition framework
Stars: ✭ 1,825 (+1293.13%)
Mutual labels: transition, frontend
Percy
Build frontend browser apps with Rust + WebAssembly. Supports server side rendering.
Stars: ✭ 1,856 (+1316.79%)
Mutual labels: frontend
Fast
Develop, build, deploy, redeploy, and teardown frontend projects fast.
Stars: ✭ 126 (-3.82%)
Mutual labels: frontend
Frontdesk
Community driven list of useful things for Front End Developers
Stars: ✭ 1,612 (+1130.53%)
Mutual labels: frontend
Godom
Make DOM manipulation in Go as similar to JavaScript as possible. (via GopherJS or WebAssembly)
Stars: ✭ 125 (-4.58%)
Mutual labels: frontend
Javascript Code Challenges
A collection of JavaScript modern interview code challenges for beginners to experts
Stars: ✭ 2,710 (+1968.7%)
Mutual labels: frontend
React Native Expanding Circle Transition
A simple react native component to make an expanding circle transition.
Stars: ✭ 125 (-4.58%)
Mutual labels: transition
Chat Ui Kit React
Build your own chat UI with React components in few minutes. Chat UI Kit from chatscope is an open source UI toolkit for developing web chat applications.
Stars: ✭ 131 (+0%)
Mutual labels: frontend
Googlenewsstandanimation Android
Navigation pattern like in Google News Stand app with transitions
Stars: ✭ 130 (-0.76%)
Mutual labels: transition
Vue Svg Transition
Create 2-state, SVG-powered transitions
Stars: ✭ 127 (-3.05%)
Mutual labels: transition
Mergi
go library for image programming (merge, crop, resize, watermark, animate, ease, transit)
Stars: ✭ 127 (-3.05%)
Mutual labels: transition
Stfalconimageviewer
A simple and customizable Android full-screen image viewer with shared image transition support, "pinch to zoom" and "swipe to dismiss" gestures
Stars: ✭ 1,734 (+1223.66%)
Mutual labels: transition
Webpack Starter
✨ A lightweight foundation for your next webpack based frontend project.
Stars: ✭ 1,745 (+1232.06%)
Mutual labels: frontend
Eshoponcontainersddd
Fork of dotnet-architecture/eShopOnContainers in full DDD/CQRS design using my own patterns
Stars: ✭ 126 (-3.82%)
Mutual labels: frontend
Awesome Interview
Collection of awesome interview references.
Stars: ✭ 1,683 (+1184.73%)
Mutual labels: frontend
Aowow
Database viewer for TrinityCore based on aowow by @LordJZ, based on the JS-Engine of Wowhead
Stars: ✭ 126 (-3.82%)
Mutual labels: frontend
Githubtrending
Github前端趋势榜,每日更新前端热门项目。Tracking the most popular Github repos of frontend, updated daily
Stars: ✭ 127 (-3.05%)
Mutual labels: frontend
Login Flow
🔑 A login/register flow built with React&Redux
Stars: ✭ 1,618 (+1135.11%)
Mutual labels: frontend
Aicustomviewcontrollertransition
Easy and tidy way for creating custom UIViewController transitions for iOS
Stars: ✭ 130 (-0.76%)
Mutual labels: transition
React Number Easing
React component for fancy number transitions.
Installation
npm install react-number-easing --save
Usage.
import NumberEasing from 'react-number-easing';
<NumberEasing
value={15}
speed={300}
decimals={0}
ease='quintInOut' />
Props
-
value
: The value that you want to display at the end of the animation. This is the target value. -
[speed]
: How fast do you want to finish the animation? Defaults to 500ms. -
[ease]
: The easing equation for the animation. Defaults toquintInOut
. You can choose from mattdesl/eases. -
[decimals]
: Number of decimal numbers to show. -
[customFunctionRender]
: Function that replaces the defaultNumber(value).toString(decimals)
render function. It takes one argumentcurrentRenderValue
which is aFloat
with the current eased value to render and should return astring
.
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].