[](https://www.npmjs.com/package/@slidy/easing)
[](https://bundlephobia.com/package/@slidy/easing)
[](https://www.npmjs.com/package/@slidy/easing)
[](https://github.com/Valexr/slidy/issues)
[](https://www.npmjs.com/package/@slidy/easing)
# @slidy/easing
Simple easings function for inertion scrolling.
#### Try the [DEMO]
> - [Getting started](#getting-started-)
> - [Usage](#usage)
## Getting started 🚀
The package is available via [NPM]:
```sh
npm i -D @slidy/easing
```
or from [CDN]:
```html
```
## Usage
Easing functions available via named import as `MJS/CJS` module or via global `Window.Slidy` object props as `IIFE`.
Includes `linear, quad, cubic, quart, quint, bounce, sine, expo, elastic, circ, back` as EaseIn functions.
More info: https://easings.net.
> ⚠️ For proper operation minimal `duration: 450` needed.
```ts
/** Easing function.
* @param t value from 0 to 1
* @returns value from 0 to 1
* @default linear
* @see https://easings.net
*/
type Easing = (t: number) => number;
```
### MJS/CJS module import
```html
```
### IIFE as `Window` Object
```html
```
### As third party module in any frameworks
```svelte
```
MIT © [Valexr](https://github.com/Valexr)
[DEMO]: https://slidy-core.surge.sh
[NPM]: https://www.npmjs.com/package/@slidy/easing
[CDN]: https://unpkg.com/@slidy/easing/
[REPL]: https://svelte.dev/repl/e7a3683b13b342dc8ecfc1d9b2b806f6