What It Does
Flow replaces After Effects’ graph editor with a normalized curve interface that’s easier to work with and closer to how CSS animation-timing-functions are expressed. Instead of adjusting bezier handles in a speed graph, you create and apply curves visually. If you hand off animations to web developers, the curves translate directly to CSS cubic-bezier values.
The plugin has two parts: a Graph Editor for building and adjusting curves, and a Library for organizing presets. It ships with 25 built-in curves based on Robert Penner’s easing functions.
Key Features
Normalized curve editor. The graph represents easing in a way that maps 1:1 to CSS animation-timing-functions. What you build in Flow is what you describe to a developer.
Preset library. Organize curves into collections, share them with teammates, and export presets for use in kbar. Useful for studios that want consistent motion language across projects or team members.
Read Values. Identifies which preset matches the easing on your currently selected keyframe. Handy when you’re inheriting someone else’s project and need to match their timing style.
Expression support. Presets apply to expression-controlled properties, not just standard keyframes.
Overshoot and undershoot controls. Fine-tune how much a curve extends past its start or end point, giving you elastic and anticipation effects without switching tools.
Who It’s For
Motion designers who spend time in the graph editor will find Flow faster for most easing work, especially when applying consistent curves across many keyframes. The CSS compatibility is a genuine advantage for studios bridging After Effects to web development.
Teams maintaining a shared animation style benefit from the library system. Instead of everyone eyeballing curves or copying keyframes between projects, presets keep timing consistent.
Pricing
Pay-what-you-want, suggested price $35. A free trial with limited functionality is available to test the interface. One-time payment, no subscription.