Skip to content
SVG Tools

SVG Animation Tools

Bring your SVG to life without a big animation library. Make hover effects for icons, morph one shape into another, add floating bubbles to a page background, or turn a Lottie JSON file into one animated SVG.

  • Free to use
  • No sign up
  • Works in your browser

SVG Morphing Code Generator

Morph one SVG shape into another. We match the points of both paths and give you SMIL, CSS and JavaScript code. Free, with a live preview.

Free · No sign up

SVG Hover Animation Generator

Add hover animations to an SVG icon: bounce, pulse, shake, rotate, flip, colour change and more. Copy plain CSS and HTML. Free, with a live preview.

Free · No sign up

SVG Floating Bubbles Generator

Make soft floating bubbles or particles as an animated SVG background. Set count, size, speed and colours. No JavaScript needed. Free.

Free · No sign up

Lottie to Animated SVG Converter

Convert a simple Lottie JSON animation into one animated SVG with SMIL. No player or library needed. Free, and your file stays on your device.

Free · No sign up

No tool matches “”

Try a shorter word, or look in the other groups.

Keep exploring

Other groups in SVG Tools

SVG Converters Turn SVG into PNG, JPG, WebP, PDF or ICO, and turn PNG or JPG photos into SVG. SVG Code Tools Clean, view, check and convert SVG code into React, Vue, Svelte, Canvas, JSON or Base64. SVG Generators Make SVG QR codes, barcodes, charts, waves, blobs, stars, badges, logos and favicons.