@easemate/easing - Easing Plugin Demo
1. Standard Easings
linear
quad.out
cubic.out
quart.out
Play All
Reset
2. Advanced Easings
elastic
spring.wobbly
bounce
back
Play All
Reset
3. Parameterized Easings
Elastic amplitude:
1
Spring tension:
170
Adjust sliders and click play
Play Parametric
4. Preset Easings
Material Standard
Material Decel
Material Accel
iOS Standard
Spring Gentle
Spring Stiff
Anticipate
SlowMo
Click a preset to see it in action
5. In/Out/InOut Variations
quad
expo
circ
.in
.out
.inout
Play Variations
6. Composition Easings
reverse(quad)
mirror(elastic)
yoyo(bounce)
Play Compositions
7. Custom Easing Registration
// Custom easing function (t) => t < 0.5 ? 2 * t * t : 1 - Math.pow(-2 * t + 2, 2) / 2
Register & Play
Enter a custom easing function
8. Core-Only Animation (No DOM)
{ value: 0, angle: 0 }
linear
quad.out
elastic
spring.gentle
bounce
Animate Value
9. Registry Stats & Debug
Refresh Stats
List All Easings
Console Output