This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Marc Krenn
Posted Nov 05 - Read on Facebook

The #ease - module adds a Utils.ease function, which allows for non-linear modulation / #easing of values.

Example / module: https://framer.cloud/tmLXp/
Github repo: https://github.com/marckrenn/framer-ease

"Ease" replaces my previous attempt at easings – some of you may remember – which was utterly broken. This should work as intended.

Available Easings:
#linear, #sine, #quad, #circ, #quart, #quint, #expo, #back, #bounce, #elastic

2 Comments

Marc Krenn

Little known fact that I'm very proud of: The previous version of this module was used to prototype Android N's quick settings transition 😎

Marc Krenn

This module now also comes with a function called Utils.randomNumberBiased() that returns a random number that is biased using one of the supported easing functions.

Example 1 – instant, n = 10.000: https://framer.cloud/dUHzn/
Example 2 – animated, 100 samples / tick: https://framer.cloud/rMoti/

https://media.giphy.com/media/26u3ZydqkBrdVuXZe/giphy.gif

Read the entire post on Facebook