react-number-easing

React component for fancy number transitions.

0

Target:

Ease function:

cubicInOut

cubicIn

cubicOut

expoInOut

expoIn

expoOut

linear

quadInOut

quadIn

quadOut

quartInOut

quartIn

quartOut

quintInOut

quintIn

quintOut

Install

npm install react-number-easing

Example

import NumberEasing from 'react-number-easing';

/* Example */
<NumberEasing
  value={0}
  speed={1000}
  ease='quintInOut' />

Learn how to use and more information about the props on github.

More experiments

Visual Center, Tool that help you visually center objects in a container.
Brutalita, Grid based font editor and font. Create fonts in the browser and export OpenType files.
Morphin, Create animated CSS transitions. Add sprites and get the code ready to paste in your site.
Droste Creator, Create recursive images with the droste effect.
Sombras.app, Create art with shadows. Draw shadows and get 3D objects that project them..

Made by Javier Bórquez. Online since 2015.