eaz

eaz provides simple and flexible easing functions, as well as methods to generate custom easing functions. Using eaz makes easing time values for animations easy, quick, and customizable.

Use Predefined Easing Functions

Using predefined easing functions is as simple as referencing a static property of the Easing class.

import { Easing } from 'eaz';

Easing.cubic.in(0.3); // Output: 0.0269

Every Easing object contains an in, out, and inOut method, and more options. Refer to the documentation for theEasing class for more information.

Create Custom Easing Functions

Use eaz's generational methods to create custom easing functions quickly

import { Easing } from 'eaz';

Easing.polynomial(2.5).in(0.3); // Output: 0.0493

Or create entirely custom easing methods from scratch

import { Easing } from 'eaz';

const myEasing = new Easing(t => t ** 2.5);
myEasing.in(0.3); // Output: 0.0493

Easily Generate Demo Images

Generate images to test your easing functions

JavaScript

import { Easing, DemoImage } from '../index';

DemoImage.inOut(Easing.cubic, 'images/cubicInOut.png');

Output

images/cubicInOut.png