
@slidy/easing
Simple easings function for inertion scrolling.
Getting started 🚀
The package is available via NPM:
npm i -D @slidy/easing
or from CDN:
import * as easing from 'https://unpkg.com/@slidy/easing';
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.
type Easing = (t: number) => number;
MJS/CJS module import
<head>
<script type="module">
import * as easing from 'https://unpkg.com/@slidy/easing/dist/index.mjs';
import * as easing from 'https://unpkg.com/@slidy/easing/dist/index.cjs';
</script>
</head>
IIFE as Window Object
<head>
<script defer src="https://unpkg.com/@slidy/easing/dist/index.js"></script>
</head>
<script>
window.onload = () => easing = Slidy.linear()
</script>
As third party module in any frameworks
<!-- Svelte -->
<script>
import { linear } from '@slidy/easing';
<Slidy easing={linear} />
</script>
MIT © Valexr