Animation easing generator
Tune control points, preview a transition and copy a valid cubic-bezier declaration.
Find your curveSmall, useful tools for the details that make animation feel right. No account, upload or runtime required.
Tune control points, preview a transition and copy a valid cubic-bezier declaration.
Find your curveTranslate a duration into seconds, fractional frames and beats at your chosen tempo.
Calculate timingExplore five static expression states in an illustrative CSS face.
Try expressionsPrepare a sample control map before implementing a runtime adapter.
Review the contractExplore a character specimen and the difference between a control contract and a finished asset.
Explore conceptsYou build the product. I bring it to life. Share your platform, your idea, and the moments that need motion.
Discuss your project