https://github.com/vkbansal/easing-funcs
A collection of easing functions for JavaScript.
https://github.com/vkbansal/easing-funcs
easing easing-functions easings javascript utilities utility-library
Last synced: 4 months ago
JSON representation
A collection of easing functions for JavaScript.
- Host: GitHub
- URL: https://github.com/vkbansal/easing-funcs
- Owner: vkbansal
- Created: 2017-03-20T02:25:53.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2019-04-16T02:00:48.000Z (over 6 years ago)
- Last Synced: 2025-04-05T11:34:08.688Z (9 months ago)
- Topics: easing, easing-functions, easings, javascript, utilities, utility-library
- Language: JavaScript
- Homepage: https://vkbansal.github.io/easing-funcs/
- Size: 165 KB
- Stars: 7
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# JavaScript Easing Functions
A collection of easing functions for JavaScript.
## Install
Using npm
```
npm install --save easing-funcs
```
Using yarn
```
yarn add easing-funcs
```
## Usage
### ES6
```js
import { easeInCubic, easeInCubic } from 'easing-funcs';
// Pass value between 0 - 1
const easeValue = easeInCubic(0.5);
```
### CommonJS
```js
const easingFuncs = require('easing-funcs');
// Pass value between 0 - 1
const easeValue = easingFuncs.easeInCubic(0.5);
```
## API
The following functions are available. Each function takes a value between 0 - 1 and returns the easing value.
- `number: linear(t: number)`
- `number: easeInSine(t: number)`
- `number: easeOutSine(t: number)`
- `number: easeInOutSine(t: number)`
- `number: easeInQuad(t: number)`
- `number: easeOutQuad(t: number)`
- `number: easeInOutQuad(t: number)`
- `number: easeInCubic(t: number)`
- `number: easeOutCubic(t: number)`
- `number: easeInOutCubic(t: number)`
- `number: easeInQuart(t: number)`
- `number: easeOutQuart(t: number)`
- `number: easeInOutQuart(t: number)`
- `number: easeInQuint(t: number)`
- `number: easeOutQuint(t: number)`
- `number: easeInOutQuint(t: number)`
- `number: easeInExpo(t: number)`
- `number: easeOutExpo(t: number)`
- `number: easeInOutExpo(t: number)`