曲線の形だけでなく「実際にどう動くか」を、位置カーブと速度カーブの両方で確認しながら cubic-bezier を作れるツールです。CSS・Tailwind・JS・SCSS・GSAP 用のコードをそのまま書き出せます。
左の曲線エディタでハンドルをドラッグ、数値を直接入力、プリセットをクリック、または cubic-bezier(...) 文字列を貼り付けて反映できます。
右のモーションスコープで再生ボタンを押すと、実際の動きと速度グラフが同時に見えます。プレビュー方式を移動/スケール/不透明度/回転に切り替え可能。
「比較表示」をONにすると、選んだプリセットとレース形式で速度差を見比べられます。
コード出力パネルでCSS / Tailwind / JS / SCSS / GSAPを切り替えて「コピー」。気に入った曲線は「マイイージング」に保存、またはリンクとして共有できます。