Deep Dive
Beginner bis Profi
Video Kurs

Webflow GSAP Interactions Masterclass

Hör auf Inspiration zu horten. Fang an selbst zu animieren.
Christian B.
Ralf
Johannes
Eduard Bodak
250+
Teilnehmer
4.98
Lebenslanger zugang
14 Tage Geld-Zurück
Zugang Sichern
199€ einmalig
299€
Jonas
Arleth
.
.




.
Webflow GSAP Interaction Masterclass
Scroll
01
250+
Sind schon dabei
02
03
Stunden
03
23
Lektionen
04
14
Geld-Zurück-Garantie
05
Kein Coding erforderlich
Neu 2026
Der einzige vollständige Webflow GSAP-Kurs auf Deutsch – visuell, ohne Code und in unter 3 Stunden.
Eduard
Eduard
Webdesigner
GSAP Coder
Die GSAP-Timeline in Webflow eröffnet völlig neue Möglichkeiten

Der Kurs zeigt verständlich und praxisnah, wie einfach sich GSAP-Animationen inzwischen direkt in Webflow umsetzen lassen. Eine klare Empfehlung für alle, die GSAP in Webflow schnell verstehen wollen.

Kommt dir das bekannt vor?

Du kennst Webflow. Aber deine Animationen verraten es.

  • Du bookmarkst Websites auf Awwwards und denkst: „Ich muss herausfinden, wie die das gemacht haben.“ Dann öffnest du Webflow und weißt nicht, wo du anfangen sollst.
  • Native Webflow Interactions bringen dich zu 80 % ans Ziel. ‍
    Aber die letzten 20 % – der Teil, der sich wirklich premium anfühlt – fehlen irgendwie immer.
  • Jedes GSAP-Tutorial, das du findest, basiert auf Code. ‍
    Aber niemand zeigt dir, wie du GSAP visuell mit der neuen Timeline direkt in Webflow nutzt, ohne eine einzige Zeile Code zu schreiben.
  • Deine Animationen funktionieren.
    Aber sie fühlen sich nicht so an wie die Websites, die du stark findest. Und du kannst nicht genau sagen, woran es liegt.
  • Du weißt genau, welches Ergebnis du willst. ‍Dir fehlt nur ein System, mit dem du zuverlässig dorthin kommst.
Deine Lösung

Diese Masterclass schließt genau diese Lücke. Die neue GSAP-Timeline in Webflow verändert alles und das ist der einzige deutschsprachige Kurs, der dir zeigt, wie du sie von Grund auf richtig einsetzt.

Nach dem Kurs

Deine Projekte spielen von jetzt an in einer anderen Liga.

Nicht erst irgendwann, ab dem nächsten Kundenprojekt, das du ablieferst.

Studio-Qualität in jedem Projekt

Deine Webflow-Projekte heben sich auf das Level der besten Studios — nicht irgendwann, sondern ab dem nächsten Projekt.

Mehr berechnen. Größere Projekte annehmen.

Du kannst selbstbewusst anspruchsvolle Motion-Projekte übernehmen und entsprechend abrechnen — weil du liefern kannst, was andere nicht können.

Kunden, die nicht nur zufrieden sind, sondern begeistert.

Bau die Art von Animationen, die Kunden kurz verstummen lassen — auf die bestmögliche Weise.

Klar von der Masse abheben.

Premium, lebendig, unverkennbar professionell — deine Websites wirken wie Referenzprojekte, nicht wie eine weitere Webflow-Seite.

Weitere Vorteile

Komplexe Animationen souverän umsetzen, kein langes Rumprobieren mehr.

Projekte schneller abschließen und mehr Zeit für neue Aufträge gewinnen.

Was wir bauen

Ein Vorgeschmack auf den Kurs

Jede Technik wird an einem echten Layout gelehrt. Du schaust zu, dann baust du es selbst.

Layered Multi-Stage Hero Reveal Scroll Animation

Core animations

Add Class Animations

Pro-Techniques

Alles Wichtige zu Hover-Interaktionen

Core animations

Looping Animationen und Timing beherrschen

Core animations

Meisterhafte Page-Load-Animationen mit der neuen GSAP Timeline

Pro-Techniques

Native Webflow-Navigation mit GSAP animieren – Öffnen und Schließen

Pro-Techniques
Die Webflow-Vorlage gehört dir zur freien Nutzung für Kundenprojekte
Alles, was in diesem Kurs gebaut wird, steht dir als fertiges Webflow-Projekt zur Verfügung. Kopieren, anpassen, loslegen.

Kostenlose Lektionen aus dem Kurs

Native Webflow-Navigation mit GSAP animieren – Öffnen und Schließen
Native Webflow-Navigation mit GSAP animieren – Öffnen und Schließen
14:20
Native Slider und Tab-Komponenten animieren
Native Slider und Tab-Komponenten animieren
15:50

Curriculum

Alle 23 Lektionen

Von den Grundlagen bis zu Pro-Techniken. Gemeinsam animieren wir ein modernes Studio-Layout mit lebendigem Motion Design.

Videos
23
Kapitel
04
Laufzeit

03H

Modul 01

Foundations

3 Videos
01
Warum Webflow jetzt GSAP integriert und was das für dich bedeutet
03:50
02
Was professionelle Website-Animationen ausmachen
06:30
03
Konflikte vermeiden: Classic & neue GSAP Interactions zusammen nutzen oder trennen?
01:00
Modul 02

Core-Animations

9 Videos
04
Wie GSAP in Webflow funktioniert – das schnelle Orientierungs-Video
12:45
05
Alles zu Stagger-Animationen für Headlines und Texte
12:37
06
Globale Animationen mit Attributen umsetzen
08:32
07
Abgeschnittene Buchstaben bei Mask-Split-Text beheben
03:21
08
Alles Wichtige zu Hover-Interaktionen
12:00
09
Klick-Interaktionen am Beispiel eines Accordions (Öffnen & Schließen)
03:27
10
Content während des Scrollens animieren
14:54
11
Looping Animationen und Timing beherrschen
11:11
12
Native Webflow-Navigation mit GSAP animieren – Öffnen und Schließen
Native Webflow-Navigation mit GSAP animieren – Öffnen und Schließen
14:20
Modul 03

Pro-Techniques

9 Videos
13
Fortgeschrittener Button-Hover-Effekt
09:50
14
Meisterhafte Page-Load-Animationen mit der neuen GSAP Timeline
16:45
15
CSS Superpower – Smartes Targeting für besondere Layouts mit Custom Selectors
06:40
16
Layered Multi-Stage Hero Reveal Scroll Animation
11:50
17
Page Transitions animieren (2 Varianten)
14:15
18
Unterschätztes addClass Feature: Elemente per Klasse in jeden Zustand schalten
12:20
19
Custom JS Events – Animationen im Code triggern mit Preloader Beispiel
09:20
20
Native Slider und Tab-Komponenten animieren
Native Slider und Tab-Komponenten animieren
15:50
21
Fortgeschrittene maskierte Hero-Scroll-Animation
Modul 04

Optimization

2 Videos
22
Flackern beim Seitenladen verhindern
05:00
23
Responsive Design und Barrierefreiheit von GSAP Animationen
08:30
Mit was wir arbeiten
GSAP Animations
GSAP Animations
Webflow
Webflow
Webflow GSAP Interaction Masterclass

Passt dieser Kurs zu dir?

Für dich, wenn…

  • Du dich in Webflow bereits gut auskennst und deine Animationen auf das nächste Level bringen willst
  • Du mit Webflow IX2 gearbeitet hast und weißt, dass es Zeit ist zur GSAP Timeline zu wechseln — aber alles Wichtige in wenigen Stunden lernen willst, nicht in Monaten
  • Du GSAP bereits im Code nutzt und Scroll- und Interaktions-Animationen visuell, schneller und ohne eine einzige Zeile bauen willst
  • Du aus Motion Design oder After Effects kommst und Webflow als Ausgabekanal suchst
  • Du Kundenprojekte baust und deine Animations-Skills spürbar verbessern willst

Nicht für dich, wenn…

  • Du neu in Webflow bist — starte zuerst mit dem Webflow Komplettkurs
  • Du eine reine JavaScript- oder Code-basierte GSAP Lösung suchst
  • Du gerade keine aktiven Webflow-Projekte baust
Beginner-Kurs

Neu in Webflow?

Starte zuerst mit dem Komplettkurs und komm dann für diesen zurück.
Kurs ansehen
Dein Kursleiter

Aufgebaut aus Erfahrung, nicht aus der Theorie.

Jonas Arleth
.
.
Founder &
Instructor

FORMBURG wurde von Jonas Arleth gegründet, einem Webflow-Designer, Entwickler und Educator mit langjähriger Praxiserfahrung. Alle Inhalte basieren auf echten Projekten, bewährten Workflows und Erfahrungen aus der täglichen Arbeit mit Webflow.

Seit Jahren teilt Jonas sein Wissen durch Tutorials, Ressourcen, Cloneables und einen etablierten Webflow-Podcast.

  • Gewinner der Webflow × Contra Challenge 2025.
  • Zweimal auf der Hauptbühne der Webflow Conf gefeatured.
  • Ausgezeichnet als GSAP Site of the Day.
  • FORMBURG Community-Vorlagen wurden über 60.000-mal geklont.
  • Seit 2018 teile ich Webflow-Wissen öffentlich durch hunderte kostenlose YouTube-Tutorials.

Aus der Community

Echte Ergebnisse von Webflow Powerusern, Freelancern und Entwicklern.

Christian B.
Christian B.
Webstratege und Webflow Entwickler
Mehr gelernt als in vielen anderen Kursen

Jonas kündigt einen Kurs an und ich kaufe einfach blind. Warum? Weil ich weiß, dass der Kurs eine Tiefe und Qualität hat, die ich nur in wenigen anderen Kursen gefunden habe. Natürlich habe ich auch „Konkurrenzprodukte“ gekauft und durchgearbeitet. Aber bei Jonas habe ich alles viel klarer und leichter gelernt.

Was mich selbst überrascht hat: Nachdem ich seinen Webflow Komplettkurs zu 50 % durch hatte, war mir gar nicht bewusst, wie viel ich bereits über Webflow gelernt hatte. Klar, man kann auch mit der Webflow Academy lernen. Aber wer seine Webflow- und Design-Skills wirklich auf das nächste Level heben möchte, sollte sich die Kurse von Jonas unbedingt holen – sei es zur Inspiration, zum Nachschlagen spezieller Inhalte oder zum kompletten Durcharbeiten von A bis Z.

Ralf
Ralf
Webdesigner
Motion Design
Von After Effects zu GSAP mit Webflow

Ich habe gerade die GSAP Masterclass abgeschlossen und bin äußerst zufrieden mit der Qualität dieses Kurses. Die detaillierten Erklärungen zu den GSAP-Tools und dazu, wie man sie in der neuen horizontalen Timeline anwendet, waren für mich extrem hilfreich. Als jemand, der ursprünglich aus dem Motion Design mit Adobe After Effects kommt, hatte ich bisher Schwierigkeiten, komplexe Animationen mit den nativen Webflow-Funktionen umzusetzen. Die Workflows empfand ich oft als wenig intuitiv und schwer überschaubar.

Durch Jonas’ hervorragend aufbereiteten GSAP-Kurs hat sich das grundlegend geändert. Bereits nach den ersten vier bis fünf Lektionen war ich in der Lage, deutlich schneller anspruchsvollere und qualitativ hochwertigere Animationen zu erstellen. Jonas vermittelt die Inhalte anhand realer Use Cases und taucht dabei tief in die Funktionsweise der einzelnen Tools ein. Die Videos enthalten eine Vielzahl konkreter Tipps und bewährter Workflows, die ich bereits jetzt in meine bestehenden Projekte integriere.

Frank
Frank
Gafikdesigner, Webflow Developer
GSAP in Webflow endlich verstanden

Jonas’ Kurs kam genau zum richtigen Zeitpunkt, denn ich wollte endlich meine eigene Website neu gestalten – mit coolen Interaktionen. Mit Jonas erklärt endlich mal jemand ausführlich und nachvollziehbar, wie das neue GSAP in Webflow funktioniert. Zuvor habe ich online meist nur kurze, unvollständige Videos gefunden, die mir nicht wirklich weitergeholfen haben. Dank des Kurses habe ich jetzt einen hervorragenden Überblick über die Funktionsweise und kann es kaum erwarten, mich an die erste echte Umsetzung zu wagen. Danke, Jonas, für deine Geduld, deinen Sinn für Gestaltung und deinen Fokus auf Details!

Recently
joined

.
.
Eduard
Webdesigner


.
.
.

GSAP Coder
Recently
joined

.
.
Alexandra
UI/UX Designerin


.
.
.

UI/UX Design
Recently
joined

.
.
Sven
Diplom-Designer & Webdesigner


.
.
.

Web Designer
Recently
joined

.
.
Nikolaus K.
Webdesigner und Gründer von KolbaMedia


.
.
.

Aenturinhaber
Recently
joined

.
.
Sebastian G.
Webdesigner im Gesundheitswesen
Recently
joined

.
.
Aleks
Webdesigner
Recently
joined

.
.
Miriam K.
Kommunikationsdesign
Recently
joined

.
.
Doris P.
Kommunikationsdesignerin
982
Professionals
.

1.302
Mehr als 928 Profis nutzen FORMBURG-Kurse, um ihre Skills auf das nächste Level zu bringen.
Lese all 50+ Reviews
Recently
joined

.
.
Alexander Sprogis
Product Engineer & Mitgründer von VisualMakers




.
.
.
.

Product Engineer
Recently
joined

.
.
Alex W.
Webdesigner
Recently
joined

.
.
Elmira R.
UX/UI Designerin
Recently
joined

.
.
Sabine R.
Expertin für Marketing-Automatisierung
Recently
joined

.
.
Ben M.
Student / Webdesign
Recently
joined

.
.
Mika H.
Webdesigner
Recently
joined

.
.
Nils D.
Student, Intermediadesign
Recently
joined

.
.
Chris G.
Webdesigner
.
.


Wenn du nicht zufrieden bist, zahlst du nicht
Du kannst mir während der ersten 14 Tage jederzeit eine E-Mail schicken und ich erstatte dir zu 100% dein Geld zurück. Ohne Fragen zu stellen. Versprochen!
Pricing

Dein nächstes Projekt spielt in einer anderen Liga.

Einmalig zahlen. Lebenslanger Zugang. Kein Abo.
German Version

Webflow GSAP Interaction Masterclass

199€
299€
Oder 3 Raten à 72€
Inklusive
Webflow Projektvorlage
zur freien Nutzung für Kundenprojekte
Figma Design-File
Inklusive
Direkter Support
Über die Kurs-Kommentarfunktion oder Chat
  • 23 praktische Video-Lektionen – 3 Stunden fokussierter Inhalt
  • Lebenslanger Zugang inkl. aller zukünftigen Updates
  • Fragen & Probleme direkt per Chat klären
  • Quiz nach jeder Lektion
  • Abschlusszertifikat
Kurs kaufen
🔒 14 Tage Geld-zurück-Garantie
Bundle
Spare 30% auf jeden weiteren Kurs
German Version
Bundle deal -30%

Webflow Komplettkurs

350€
Oder 3 Raten von 129€ statt 183€
Inklusive
Webflow Projektvorlage
zur freien Nutzung für Kundenprojekte
Direkter Support
Über die Kurs-Kommentarfunktion oder Chat
  • 100+ Video-Lektionen – 25 Stunden Videomaterial
  • Lebenslanger Zugang inkl. aller zukünftigen Updates
  • Fragen & Probleme direkt per Chat klären
  • Webflow Projektvorlage mit allem was wir bauen
  • Abschlusszertifikat
🔒 14 Tage Geld-zurück-Garantie
German Version
Bundle deal -30%

Webflow Profi-Kurs

315€
449€
Oder 3 Raten von 116€ statt 165€
Inklusive
Webflow Projektvorlage
zur freien Nutzung für Kundenprojekte
Figma Design-File
Inklusive
Direkter Support
Über die Kurs-Kommentarfunktion oder Chat
  • 70+ Video-Lektionen – 10 Stunden Videomaterial
  • Lebenslanger Zugang inkl. aller zukünftigen Updates
  • Fragen & Probleme direkt per Chat klären
  • Figma Design-File inklusive
  • Webflow Projektvorlage mit allem was wir bauen
  • Bonus Downloads
  • Abschlusszertifikat
🔒 14 Tage Geld-zurück-Garantie
German Version
Bundle deal -30%

Webdesign Angebote mit 3 Preisoptionen erstellen

252€
359€
Oder 3 Raten von 93€ statt 132€
Inklusive
Direkter Support
Über die Kurs-Kommentarfunktion oder Chat
  • 10-seitige Vorlage, die du in Pages oder Word bearbeiten kannst
  • 3 echte Angebote von mir: Ein 50.000€ Auftrag, 16.000€ Auftrag und 6.000€ Auftrag
  • 25 erklärende Videos
  • Inklusive Bedingungen und rechtlicher Absicherung (von einer Anwältin geprüft)
  • Bonusmaterial
FAQ

Häufig gestellte Fragen

Noch unsicher?
Jonas beantwortet Fragen direkt in den Kurslektionen und hilft sogar schon vor dem Kauf weiter.
Questions

Nein. Dieser Kurs zeigt dir, wie du GSAP vollständig visuell im Webflow Interface nutzt — ohne eine einzige Zeile JavaScript zu schreiben. Eine Lektion behandelt Custom JS Events als optionalen Tiefgang, ist aber keine Voraussetzung für den Kurs.

Ja. Diese Masterclass setzt voraus, dass du dich in Webflow bereits zurechtfindest. Wenn du noch am Anfang bist, empfehle ich zuerst den Webflow Komplettkurs — und komm dann für diesen zurück.

Ja — und gerade Entwickler mit Coding-Erfahrung sind oft am meisten überrascht. Scroll-Animationen lassen sich visuell deutlich schneller bauen als im Code. Eduard Bodak, ein erfahrener GSAP-Entwickler, nannte es „eine extrem wertvolle Ergänzung — und für den Preis ein absoluter No-Brainer.“

Nein. Du kannst beide Systeme parallel nutzen. Eine der ersten Lektionen behandelt genau das — wie du Konflikte vermeidest und entscheidest, welches System für welche Animationen besser geeignet ist.

Lebenslang. Alle zukünftigen Updates sind ohne Aufpreis inklusive — wenn Webflow neue GSAP-Features veröffentlicht, wird der Kurs aktualisiert und du bekommst es automatisch.

Der Kurs umfasst über 3 Stunden fokussierten Video-Content in 23 Lektionen. Die meisten arbeiten ihn an einem Wochenende durch oder verteilt über eine Woche neben Kundenprojekten.

Ja. Das im Kurs erstellte Webflow-Projekt darfst du frei verwenden — auch für bezahlte Kundenprojekte. Keine Quellenangabe erforderlich.

Jede Lektion hat eine Kommentarfunktion. Jonas beantwortet Fragen einmal pro Woche. Bei größeren Problemen kannst du dich direkt per Chat melden.

Ja. 14 Tage, keine Fragen gestellt. Wenn der Kurs nicht das Richtige für dich ist, schreib eine E-Mail und du bekommst dein Geld vollständig zurück.

01
250+
Sind schon dabei
02
03
Stunden
03
23
Lektionen
04
14
Geld-Zurück-Garantie
05
Kein Coding erforderlich

Abschlusszertifikat

Ein Nachweis für das, was du erreicht hast.

Schließe 80% des Kurses ab und erhalte ein Zertifikat mit deinem Namen als PDF, bereit zum Teilen.
  • Als personalisiertes PDF mit deinem Namen ausgestellt
  • Auf LinkedIn teilen, ins Portfolio hochladen oder als Nachweis an Kunden schicken
  • Nach 80% Kursabschluss per E-Mail mit deiner Bestellnummer anfordern
Bereit?

Mach aus guten Websites außergewöhnliche Erlebnisse.

Mehr als 250 Webflow-Profis sind bereits mit diesem Deep Dive Kurs auf die neue GSAP Timeline umgestiegen — starte noch heute.

Kurs kaufen
One-time payment • Lebenslanger zugang • Kein Abo
 • 14 Tage Geld-Zurück