CSS easing functions made easy
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!
Connect your AI assistant directly to Easing Wizard’s curve tools.
https://api.easingwizard.com/mcpNo API key or local Node.js required.
Add a remote MCP server in your assistant’s settings. Paste the URL above, choose Streamable HTTP if asked, and leave authentication empty.
codex mcp add easingwizard --url https://api.easingwizard.com/mcpclaude mcp add --transport http --scope user easingwizard https://api.easingwizard.com/mcpChoose one setup method. If you use an Easing Wizard plugin, its MCP server is already included.
Then try asking
“Create a subtle spring easing for a dropdown, with CSS and a preview link.”
Prefer to run locally? Set up with npm
Get curve recommendations, review animations, and improve CSS or Tailwind with guided workflows.
Skills and the MCP server, together in one plugin.
Generate curves in your app or build step. Get CSS, Tailwind classes, and SVG geometry as JSON.