Easing Editor

An Anime.js editor for previewing spring easing and exporting values for CSS or JavaScript.

Visit Easing Editor official site

Overview

Easing Editor is Anime.js’s interactive page for adjusting a spring easing and watching its motion.

Why it is useful

The preview makes timing decisions easier to judge than a numeric curve alone, while the export control keeps the result close to implementation.

Good fit for

Interface designers and front-end developers tuning motion together.

Try it when

  • Trying a spring response before coding it
  • Comparing motion feel during a design review
  • Moving from a visual adjustment to CSS or JavaScript

cubic-bezier.com

Drag control points, compare easing previews, and read the resulting cubic-bezier() value for CSS motion.

  • css
  • easing
  • animation

Motion

Easing Wizard

Adjust easing control values, preview movement, and copy the matching CSS function.

  • easing
  • css
  • animation

Motion

Easing Functions

A visual reference for common easing curves and how their movement changes over time.

  • animation
  • reference
  • easing

Web Utility