easing

Editor for CSS easing that covers cubic-bezier, steps, springs, bounces and overshoots, exporting linear() output for browsers.

Reference of standard easing functions with animated previews, cubic-bezier values and copyable code in several languages.

Generates multi-stop CSS gradients that follow an easing curve, eliminating the grey mush in the middle of fades.

Converts a JS easing function or spring definition into an optimized CSS linear() value with adjustable point budget.

TypeScript tweening engine with scenes, token interpolation of strings and colours, and a promise-based API.

Figma plugin that rebuilds a gradient using an easing curve so the fade has no hard midpoint banding.

Tiny, dependency-free implementation of CSS cubic-bezier timing as a JS function, using Newton-Raphson with a sample table.

Dependency-free ES6 tweening primitive that emits interpolated values, leaving you to decide what to animate.

Generates CSS linear() easing functions and keyframe blocks for non-cubic-bezier curves like bounces and springs.

Essay breaking down what separates animations that feel good from ones that feel wrong, with side-by-side interactive comparisons.

Curated reference of easing curves shown as graphs with live previews and copyable values.

Converts spring physics parameters into a CSS linear() easing string you can paste straight into a transition.

Agent skill teaching motion design judgement — timing, easing, choreography and Disney's 12 principles adapted for UI — independent of any animation library.

Archive of pattern and shaping functions covering easing, sigmoid, Bezier and oscillation with equations and multi-language code.

Easing and tweening library for PixiJS display objects with chaining, repeat, reverse and a shared ticker.

Library that converts spring physics parameters into easing keyframe arrays consumable by WAAPI, GSAP, Motion or CSS.

Single-page cubic-bezier visualizer with named presets and live preview of the curve against a moving element.