visual editor

CSSAnimator

Build keyframe animations visually. Drag keyframes on the timeline, tweak properties, copy the generated CSS.

shape

color

keyframe properties

easing

duration

presets

live preview

timeline

click track to add · drag to move · click marker to select

generated css