SiteMotion & Animation · Easing tools
Converts a JS easing function or spring definition into an optimized CSS linear() value with adjustable point budget.
Why it’s a gem
Turns arbitrary JS easing math into pure CSS; the point-count slider is the trick.
Single-page cubic-bezier visualizer with named presets and live preview of the curve against a moving element.
Reference of standard easing functions with animated previews, cubic-bezier values and copyable code in several languages.
Editor for CSS easing that covers cubic-bezier, steps, springs, bounces and overshoots, exporting linear() output for browsers.
Library that converts spring physics parameters into easing keyframe arrays consumable by WAAPI, GSAP, Motion or CSS.
Tiny, dependency-free implementation of CSS cubic-bezier timing as a JS function, using Newton-Raphson with a sample table.