CSS Animation Builder

Choose from ready-made templates or create custom CSS animations with keyframes. Export ready-to-use code.

Quick Start Templates

Preview

Animation Settings

Name

Duration (s)

Timing Function

Iteration Count

Direction

Fill Mode

Timeline

Click timeline to add keyframes

0%

25%

50%

75%

100%