Free CSS Animation Generator

Build CSS keyframe animations visually. Pick presets or customize keyframes, easing, duration, and iteration. Live preview with animated element. Copy production-ready CSS.

Presets

Properties

Name

Timing Function

Duration

Delay

Iteration Count

Direction

Fill Mode

Keyframes

Live Preview

Generated CSS

Need something more powerful?

Let us build it for you. Custom APIs, dashboards, automations — whatever you need.

Start a Project →

Open source

QTool.io on GitHub

269 free tools. No signup. Open source. Built by Christian Bucher.

GitHub Browse 269 Free Tools →