Interface micro-animations from a description

A local animation generator: a list of name, property, start and end value, duration and easing; the output contains ready @keyframes and classes, a Web Animations API description, a stagger delay between animations, and a check that stops braces and semicolons from being injected into values.

Fill in the fields, run the tool and review the result. Your input is not added to a public page. Use the learning mode for calculation details.