es6-easings

ES6 implementation of easing equations for JavScript animations

Usage no npm install needed!

<script type="module">
  import es6Easings from 'https://cdn.skypack.dev/es6-easings';
</script>

README

easings

ES6 implementation of animation easing functions also used in jQuery easing animations. See nice visualization of all easing functions here: https://easings.net/

Installation

yarn add es6-easings

// or

npm install es6-easings

Usage

import {easeInOutQuad} from 'es6-easings';

Easings

  • easeOutQuad
  • easeInQuad
  • easeInOutQuad
  • easeInCubic
  • easeOutCubic
  • easeInOutCubic
  • easeInQuart
  • easeOutQuart
  • easeInOutQuart
  • easeInQuint
  • easeOutQuint
  • easeInOutQuint
  • easeInSine
  • easeOutSine
  • easeInOutSine
  • easeInExpo
  • easeOutExpo
  • easeInOutExpo
  • easeInCirc
  • easeOutCirc
  • easeInOutCirc
  • easeInElastic
  • easeOutElastic
  • easeInOutElastic
  • easeInBack
  • easeOutBack
  • easeInOutBack
  • easeInBounce
  • easeOutBounce
  • easeInOutBounce

Credits

Thanks to Robert Penner for writing the math!