Easings

Easings.net is a comprehensive reference website and resource for easing functions, providing interactive visual demonstrations, mathematical formulas, and ready-to-use code implementations for over 30 different easing curves used in animation and motion design. Created by Andrey Sitnik (the author of Autoprefixer and PostCSS), the site covers the complete Robert Penner easing equations including: Linear (no easing), Quadratic (easeInQuad, easeOutQuad, easeInOutQuad), Cubic (easeInCubic through easeInOutCubic), Quartic, Quintic, Sine, Exponential, Circle, Elastic (with configurable amplitude and period), Back (with overshoot), and Bounce variants. Each easing function is presented with a live animated preview showing the motion curve, the exact mathematical formula (both the algebraic form and the C/JavaScript/TypeScript implementation), and CSS cubic-bezier approximations where applicable. The site also explains the concepts of ease-in (acceleration), ease-out (deceleration), ease-in-out (acceleration then deceleration), and how to choose the right easing for different UX scenarios. The code is available on the platform with implementations in JavaScript, CSS, C++, Java, and GLSL, making it a standard reference for frontend developers, game developers, and motion designers worldwide.