CSS Animation Builder

Create stunning CSS animations with a visual timeline editor. Design keyframes, preview in real-time, and export production-ready code.

Visual TimelineLive PreviewExport CSS

Animation Name

Duration (seconds)

Delay (seconds)

Easing Function

Iteration Count

Direction

Fill Mode

0.0%0 properties

Offset (%)

Properties

100.0%0 properties

Add presets to create a sequence

@keyframes my-animation {
  0% {

  }
  100% {

  }
}