Easing Wizard - CSS Easing Editor and Generator

CSS easing functions made easy

Basis

Customize

Preview

Code

cubic-bezier(0.66, 0, 0.34, 1)

In CSS, cubic-bezier is used in the transition-timing-function or animation-timing-function property.
For a detailed explanation, check out the MDN Web Docs.

Click the button below to copy the link to your current easing configuration for sharing.

Do you like Easing Wizard?
Share it with your friends and followers!

Use it anywhere

REST API

Generate any curve straight from your backend or build step — JSON, plain CSS, or SVG.

Read the Docs

MCP Server

Give Claude, Cursor, or VS Code direct access to curve generation, right in the chat.

Get it on npm

Claude Code Plugin

Recommend, improve, and audit easings without leaving your editor.

Install Plugin