Easing Utilities

Two utility functions for working with easing curves, used internally by ProgressBar and ProgressCircle but available for custom animations.


import { ease, easeInverse } from '@appfunnel-dev/sdk/elements'

`ease(t, type)`

Maps a linear value t (0—1) to an eased value (0—1).

Inverse of ease — given an eased value (0—1), recovers the original linear t (0—1).

'linear' | 'easeIn' | 'easeOut' | 'easeInOut'


const eased = ease(0.5, 'easeOut')     // 0.875
const linear = easeInverse(0.875, 'easeOut') // ~0.5