← Back to Hub
Interpolation Visualizer
Explore easing functions and animation curves
Easing Curve
Interpolation Method
Linear
Ease In (Quadratic)
Ease Out (Quadratic)
Ease In-Out (Quadratic)
Ease In (Cubic)
Ease Out (Cubic)
Ease In-Out (Cubic)
Ease In (Quartic)
Ease Out (Quartic)
Ease In-Out (Quartic)
Ease In (Quintic)
Ease Out (Quintic)
Ease In-Out (Quintic)
Ease In (Sine)
Ease Out (Sine)
Ease In-Out (Sine)
Ease In (Exponential)
Ease Out (Exponential)
Ease In-Out (Exponential)
Ease In (Circular)
Ease Out (Circular)
Ease In-Out (Circular)
Ease In (Back)
Ease Out (Back)
Ease In-Out (Back)
Ease In (Elastic)
Ease Out (Elastic)
Ease In-Out (Elastic)
Ease Out (Bounce)
Ease In (Bounce)
Ease In-Out (Bounce)
Linear
Constant velocity. Change progresses at a steady rate from start to end.
Animation Preview
Progress
0
%
Elapsed Time
0.00
s
Position X
0
px
Duration (seconds)
▶ Play
⏸ Pause
↻ Reset
Speed
1
x