SplitEase.js Logo

SplitEase.js

The curve with a beginning, middle and end.

SplitEase.js allows animators and creative coders to compose separately variable acceleration, constant-speed and deceleration segments in a single continuous easing (interpolation) through simple numeric arguments. It weighs less than 1k.

Use the controls below to visualize the function’s API.

Star / Fork it on Github, or ask me about it on Twitter 😄.

100%
Ease-In/-Out Timing
 ms
Easing Curve
SplitEase(0.33, 0.33)
SplitEase is a higher order function: it accepts one or two numeric arguments, either (a) the ease in/out midpoint or (b) the in and out ratios vs the duration, as well as options for curve type and exponent. It returns a standard easing function which transforms a progress/time value t in the range from 0 to 1.