← CSSVG

About CSSVG

Built from the ground up in 2026.

What is CSSVG?

CSSVG is a free, browser-based SVG animation editor. You can design animations visually using a timeline, then export production-ready CSS keyframe animations or self-contained SVG files — no JavaScript runtime required in the output.

A fresh start

CSSVG was completely Built from the ground up in 2026. The new version is faster, more capable, and designed around modern web standards. If you used an older version of CSSVG, this is an entirely new product — the animation engine, editor, and export pipeline have all been rewritten.

What you can do

  • Animate shapes, paths, icons, and text on a visual timeline
  • Export clean CSS @keyframes animations
  • Export self-contained SMIL-animated SVG files
  • Export ready-to-use React + Tailwind components
  • Share and fork public animations
  • Save projects to the cloud with a free account

Free to use

CSSVG is free. No paywalls, no watermarks on exports. Create an account to save your projects to the cloud, or use it without signing in.

Get in touch

Found a bug or have a suggestion? Join the community on Discord or reach out on X.