Easings
A cheat sheet of easing curves with their CSS and maths.
Alternatives to Easings
All of Motion
cubic-bezierMotionFreeLea Verou’s playground for drawing and comparing timing curves.
CavalryMotionFreemiumProcedural 2D animation for motion designers.
JitterMotionFreemiumMotion design for UI, simple enough to use in an afternoon.
LottieFilesMotionFreemiumLightweight vector animations and the tools to make and ship them.
Origami StudioMotionFreeMeta’s free tool for designing interactive interfaces.
ProtoPieMotionFreemiumHigh-fidelity prototypes with sensors, variables and logic.
RiveMotionFreemiumInteractive animations with state machines that run in any app.
SplineMotionFreemiumDesign interactive 3D scenes in the browser and put them on the web.
Easings, side by side
In search, type /like easings or /vs easings … to get here from anywhere.