Easing Wizard

Visual spring generator and easing curve designer for modern CSS animations.

Included Components

4
Spring Parameter SlidersInteractive Motion PreviewCSS linear() Code ExporterCurve Comparison Inspector

Easing Wizard is a browser-based tool for visualising, fine-tuning, and generating linear() easing springs for CSS. By approximating real-world physics into pure CSS timing functions, it allows web developers to achieve bouncy, fluid animations without any runtime JavaScript.