SPRITE / EASING FORGE

Easing Curve Designer

Design cubic-bezier easing curves. Drag the control points. Export to CSS, JS, or GSAP.

drag handles

CONTROL POINTS

P1 X

P1 Y

P2 X

P2 Y

PRESETS

PREVIEW

Duration600ms

CURRENT VALUE

t (input)

0.000

eased (output)

0.000

overshoot

9.8%

EXPORT

CSS

cubic-bezier(0.34, 1.56, 0.64, 1)

cubicBezier(0.34, 1.56, 0.64, 1)

Framer

spring({ stiffness: 412, damping: 10 })

ANALYSIS

Type

Overshoot

P1 Influence

34% in, +156% y

P2 Influence

64% in, +100% y

Game Feel

Medium start

QUICK COMPARE — all presets at a glance