Ease Loom

Local motion curve workbench

Browser only

MOTION / CURVE 01

Shape the feeling,
not just the timing.

Drag the control points, compare against linear motion, then take clean CSS with you. Nothing leaves this browser.

02

Shape

Drag either amber point. Arrow keys nudge; Shift moves faster.

STARTEND
time →progress ↑
03

Compare

Same distance. Same duration. Different character.

YOURS
LINEAR
VELOCITY PROFILE520 MS
READY CSStransition-timing-function:
cubic-bezier(0.2, 0.9, 0.25, 1);
Curve ready
foundry_page_view foundry_signup_submit foundry_core_action_submit foundry_core_action_complete