2 min read
SVG Animation

There are some different ways to create SVG animations:

  • Using CSS
  • Using SMIL
  • Using JavaScript libraries like GSAP

We are focusing on using JavaScript libraries like GSAP to create SVG animations. Because JavaScript provides unparalleled flexibility and control over SVG animations. It can animate virtually any SVG property, including those that CSS and SMIL cannot handle.

📋 Features

  • ✅ SVG input
  • ✅ Highlight SVG elements
  • ✅ Generate possible animation prompts
  • ✅ Generate SVG animation code with natural language
  • ✅ Iterate on the animation code
  • ✅ Preview SVG animation in real-time