← All videos

GSAP

Build a GSAP Animated Landing Page With AI (Full Process)

I let AI build a live GSAP animated landing page in WordPress and Elementor V4, start to finish. I design the look in Claude Design, then hand it to Claude Desktop with Novamira Pro, which builds the page with native, editable Elementor V4 elements.

The page has a GSAP preloader, scroll animations, count-up numbers and a highlight that slides between the headlines as you scroll. It’s for web designers who want to see a real AI-assisted build, including the parts that still need fixing by hand.

What I cover

  • Design the landing page in Claude Design
  • Build it in Elementor V4 through Claude Desktop and Novamira Pro
  • Add the GSAP preloader, scroll animations and count-up numbers
  • Set up the header and footer in the Theme Builder
  • Migrate the site to Cloudways and run a speed test
  • Connect the Novamira MCP to Claude Desktop
Watch on YouTube