Free tool
Easing Curve Playground
Pick an ease, watch it run, and copy the value. Every GSAP ease and the CSS cubic-bezier equivalent, drawn as a curve and played side by side so you can see the difference instead of guessing from the name.
Why it matters
Picking the right one
Things entering the screen
Use an out ease: fast at the start, settling at the end. power2.out and power3.out carry almost every fade-and-rise in a real build. Ease in alone looks sluggish for anything arriving.
Things leaving
Use an in ease and a shorter duration. Nobody waits for an exit, so roughly half the time you gave the entrance is about right.
Scrub, back and elastic
Anything tied to scroll wants none, because the scroll is the timing. Save back and elastic for one deliberate moment on a page; used everywhere they read as noise.