Easing Functions Cheat Sheet is an interactive reference for comparing easing functions that control how animation values change over time. It lists Sine, Quad, Cubic, Quart, Quint, Expo, Circ, Back, Elastic, Bounce, and related variants, making it easy to compare the shape and behavior of each In, Out, and InOut curve.
Selecting a function reveals the corresponding CSS transition-timing-function value, PostCSS usage, gradient application, and TypeScript implementation. The live samples compare the selected easing against a linear function for size, position, and opacity, which makes the site useful when choosing motion timing for UI animation.
