Generative SVG's with Animation with HeroUI & Gemini

A walkthrough of two approaches to generating animated SVGs using AI tools. The first uses HeroUI.Studio, a node-based editor that lets you generate SVGs via prompts and animate them, then export the result as a self-contained animated SVG file. The second approach uses Gemini Canvas (gemini.google.com) with a Pro subscription to generate animated SVG/HTML directly via prompts. Both workflows end with integrating the inline SVG into a landing page using an AI coding tool like Claude Code or Cursor. The author notes a frustration with paid SaaS tools and anticipates open-source alternatives that accept user-supplied API keys.