← All resources

Easing Functions

Auto-discovered

Blog Intermediate

Various

Visit resource ↗

Description

Easings.net is a free interactive cheat sheet by Andrey Sitnik and Ivan Solovev for choosing easing functions that control how a parameter changes over normalized animation time.

The catalog lists quad, cubic, quart, quint, exponential, circular, elastic, and bounce curves in ease-in, ease-out, and ease-in-out forms. Each entry previews the curve and motion so you can compare acceleration before copying code.

UI motion designers, web developers, and game programmers wiring tweens benefit most. No engine is required; the curves apply in CSS, JavaScript libraries, and editor animation tools alike.

The site supplies CSS transition snippets, links to cubic-bezier.com for custom beziers, PostCSS plugin notes, and TypeScript math for the active function.

Often cited in interaction-design threads, easings.net pairs with cubic-bezier.com when naming or picking motion curves.