Animation for the Web

Animation for the Web


Take full control of web graphics and give your site interactions a bit of flourish with movement and animation.

In this go-at-your-own-pace course, SuperHi has designed and produced a series of projects all about hand-coding, styling, and animating SVGs to bring scalable, performance-friendly illustrations to life in the browser.

The course includes 8+ hours of video lessons that will teach you how to handcraft animations with CSS, SVG, Javascript and GreenSock.

You’ll learn how to craft drawings with code in Figma and then animate their motion and styling with both CSS animations and the industry standard GreenSock Animation API (GSAP).


  • From graphic designers looking to bring movement to their creations to developers aiming to add a bit of pizzazz to their site interactions, this course is for anyone who wants to learn how to use animation techniques for full control of graphics on the web.
  • This is a beginner course when it comes to page transitions, though we would recommend basic knowledge of HTML, CSS, and a bit of Javascript before starting. If you don’t have this just yet, trying our Learn To Code Now book, or taking our Foundation HTML, CSS + JS course will help you feel as prepared as possible.


  • A computer (Windows, Mac or Linux) with the latest version of Chrome installed and a broadband internet connection. You’ll also want to set up a Figma account. That’s it!

Direct Download

Animation for the (2.9 GB) | Mirror

Torrent Download

Animation for the Web.torrent (76 KB) | Mirror

Leave a Reply

Your email address will not be published.