Hrrrrrnk! Two new courses! Page Transitions + SVG Animations for the Web
Beginner Beginner Course Brand new!

SVG Animations for the Web

Our go-at-your-own pace course has 8+ hours of video lessons that will teach you how to handcraft SVG animations with CSS and GreenSock.

In this 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.

This course will teach you how to craft SVG drawings with code in Figma and then animate their motion and styling with both CSS animations and the industry standard GreenSock Animation API (GSAP).

Read more

Starts December 5th

Buy as part of a bundle!

Early bird pricing – final price $149

What you'll learn

How to craft SVGs and SVG animations by hand

How to use CSS and GreenSock to animate inline SVG shapes and paths

Create and apply special effects such as SVG patterns and clip paths

How to set up timelines, sequences, and click events

How to make our animations feel more natural with easings and delays

How to start self-initiated projects working with inline SVG illustrations and UI animation

Here’s how we’re different...

Support that actually helps.

Forever-access to our online Slack community of creative students from around the world, learning to code together, plus a Q+A section on every page. With our team based worldwide, we can support you whether you're coding early in the morning or late at night.

Real-world projects you'll want to create and remix.

Our course is practical, unlike other programs that take forever before you make your first real-world project. We care about design and focus on creative industries — it's not a computer science lecture, you're learning to make projects you'd want to make.

Structured, and flexible.

Our course is set-up to deliver real projects – no bullshit! – and we designed it so it’s totally flexible. While you can learn at your own pace, we’ll be here to guide you through-out your learning.

Design focused.

You don't need to be creative to take our courses, but everything we do is focused on making beautiful sites you actually want to make. This isn't your average online school — we focus on the practical aspect of learning.

Who is the course for?

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 inline SVGs 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.

What do I need?

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!

Want a breakdown of what the course covers + what you’ll learn? Get the syllabus PDF.

Everything you need to build a website from scratch…

Introducing the SuperHi Editor — an intelligent code editor, designed to make coding easier.

At SuperHi, not only do we teach people how to code. We design and create products that rethink how people should code.

The SuperHi Editor is a code editor, designed from scratch, that hosts all your files in one place and publishes your sites to the web with the click of a button. Get quick tips like spellcheck and color selection while you type. Any questions? Ask Wilson, our AI-powered assistant, and get answers right in the editor.

Starts December 5th

Buy as part of a bundle!

Early bird pricing – final price $149

Our students work at…

What our lovely students say…

This course will start on…

December 5th

We're almost finished making this course for you but if you buy now, you'll get the special pre-launch price.

Sign up now for $99
Early bird pricing – final price $149

In a team?

We’ve taught teams of students from large multinationals to small design agencies how to code. If you’re interested in a team discount, please reach out to [email protected].

Meet your instructors

Our non-nerdy instructors have decades of professional experience, spoken at international conferences and have won countless web design awards.

Joni Trythall

Joni Trythall

Joni focuses on crafting approachable courses, makes sure the team adds more squash to their diets, and believes that learning is a shared experience. She lives at the top of Delaware where she’s raising a dog, butterflies, avocado seedlings, and a human child

Jake Brussel Faria

Jake Brussel Faria

Jake is SuperHi's technical content creator who makes sure all of our design and coding courses are as frictionless as possible. Before SuperHi, Jake was a freelance designer + developer.

...and Wilson

Wilson is our artificially intelligent helper. Ask him anything. He doesn't have any social media profiles but one day he will run the company.