Webflow GSAP Interactions Masterclass

Master website animations and motion design with the new GSAP timeline in Webflow.

Secure the launch price now

The first 50 seats only pay 99€

With Webflow Expert
Jonas Arleth
English preview video is coming next week

The future of Webflow animations

New 2025
Online Course
25 Videos

This Masterclass is a specialized deep-dive course that guides you step by step into the new animation system.

Compact, focused, and instantly actionable.

No fluff — just pure practice.

Together, we’ll create a modern layout with vibrant motion design that’s not only technically refined but visually compelling.
You’ll see how design and movement become one directly and visually inside the Webflow interface, with no coding skills required.

4
chapters
25
lessons
3+
hours of videos

What you learn in this course

  • Complex motion sequences with the new GSAP timeline
  • What really matters when it comes to easing, timing & flow
  • Scroll, hover & click animations with stagger effects
  • Global motion systems via attributes & scopes
  • Page loads & transitions with professional motion design
  • Results that look like they came from an award-winning studio

That is included

  • 25 practical video lessons (3 hours of compressed knowledge)
  • Lifetime access including updates
  • Webflow project template with all animations for your client projects
  • Clarify questions & problems directly via chat
  • Optional: Add Figma file download in the checkout
  • Certificate of completion

List of course content and videos

Introduction

  1. Introduction to GSAP animations in Webflow
  2. What professional website animations mean
  3. The right easing — creating movement with feeling
  4. How I develop ideas for good animations

Basics & structure

  1. Avoid conflicts: Use or separate classic & new GSAP interactions?
  2. Understanding triggers and scope
  3. All about Stagger animations for headlines and texts
  4. Implement global animations with attributes
  5. Fix truncated letters in mask split text

Interactions

  1. Everything you need to know about hover interactions
  2. Click interactions using the example of an accordion (open & close)
  3. Animate content while scrolling
  4. Master looping animations and timing
  5. Animate navigations with GSAP
  6. Advanced button hover effect
  7. Masterful page load animations with the new GSAP timeline
  8. Use combo classes as animation triggers
  9. Advanced masked hero scroll animation
  10. Animate page transitions

Advanced Motion Design

  1. Custom JS events — trigger animations in code
  2. Scope Descendants with CSS Superpower
  3. Animate native slider and tab components
  4. Prevent flickering when page loading
  5. Breakpoints and responsive design of GSAP animations
Freely use the webflow template created in the course for your client projects.
Including Figma design file download
Through the course comment function, I can directly assist you with any questions.

Tools we use in the course

Webflow
GSAP Animations
Figma

“Jonas impresses with excellently prepared know-how about Webflow and animations.”

MP X ACHTVISION

Project manager, marketing
Your investment

Half the price. Full Masterclass.

The first 50 designers get full access for €99. After that, the regular price applies.

00
Days
00
Hours
00
Minutes
00
Seconds
English Course Pricing Opens in December 2025
Webflow GSAP Interactions Masterclass (English)
Webflow GSAP Interactions Masterclass (English)
Super deal
  • 9+ Stunden an Videomaterial
  • Lebenslanger Zugang und Updates
  • Figma Designvorlage
  • Webflow Projektvorlage mit allem was wir bauen
  • Abschlusszertifikat
99
$
199
$
The first 50 participants pay just 99€
You save00$
Webflow GSAP Interactions Masterclass (English)
Webflow GSAP Interactions Masterclass (English)
Super-Deal
  • 9+ Stunden an Videomaterial
  • Lebenslanger Zugang und Updates
  • Figma Designvorlage
  • Webflow Projektvorlage mit allem was wir bauen
  • Abschlusszertifikat
99
$
199
$
The first 50 participants pay just 99€
You save00$
After payment, you will receive an invoice with VAT (if applicable). Depending on your country’s tax regulations, you may be able to deduct this course as a business or training expense.
Shamiul I.
MP X ACHTVISION
Josh Alvarado
Tiffany
Sven B.
Tanja K.
Timo L.
+00
More than 00 people use Formburg courses for their professional development. Read feedback.

FAQ

Frequently asked questions about the online course

Are all future new content updates included for free?

With the purchase of the course, you get lifetime access – including all existing content as well as all future updates and new modules. One-time payment, all-inclusive: There are no additional costs for you.

How long do I have access to this course?

Lifetime access! You even get all future updates and learning modules for free that I will add over time.

Do I get a certificate of completion?

You can receive a completion certificate with your name as a PDF once you have completed 80% of the course. To get the certificate, please contact me with the name you want on the certificate and your order number. I will then verify your progress.

Is there a way to talk to Jonas if I get stuck?

During the online course, you can use the comment function under each lesson at any time. I will respond to these once a week. If you encounter a bigger issue or get completely stuck, you can also contact me directly via chat.

Will I get my money back if I don't like the course?

Yes, there is a 14-day money-back guarantee.