Used to the web life? Flow works with the same CSS animation-timing-functions you’ve come to know and love. Our values correspond directly to the values in cubic-bezier (x1,y1,x2,y2). Flow’s core is based on Lea Verou’s cubic-bezier.com, so you are free to copy URL values and paste them into the extension – Flow will parse them and apply the exact same transition to your selected keyframes or expression.

Flow comes with 25 pre-defined, commonly-used motion curves based on Robert Penner’s Easing Functions. But don’t limit yourself – build your own library and share it with the world, or import custom presets from other animators with the single click of a button. Check out some available packs for download below!

A collaboration with renderTom.

Zack Lovatt focuses on toolkitting, building custom studio pipelines, expression rigging projects, and creating data-driven animation workflows.