Welcome animagus

Handcrafted Projects with GSAP

GreenSock Animation Platform (GSAP) is a powerful tool that allows you to create stunning and engaging animations for the web. With its intuitive API and wide range of features, GSAP is the perfect tool for bringing your designs to life and creating memorable user experiences.
Coming in Q3

Give your site kisckass GSAP interactions, a bit of twist with movement and animation.

Learn how to code a subtle, elegant and unique motion with GSAP that would turn heads and melt CLIENTS' faces.

Subscribe for updates
It is FREE and you can check a sample project!

You’ll Learn

Tools: Webflow, ClientFirst, GSAP

REAL LIFE PROJECT

scroll animations

Easing

SVG animations

GSAP Flip

data attributes

And much more

Who this course is for

This course is aimed at both no-code developers seeking to incorporate sophisticated interactions into their Webflow project and designers striving to present their motion design concepts.

It is recommended to have a basic understanding of HTML, CSS, and some Javascript to start the course.

Web interactions generate movement, and add a dynamic aspect to static websites. GreenSock Animation Platform (GSAP) is a powerful and flexible tool that allows designers and developers to create stunning and engaging animations for the web. With its intuitive API and wide range of features, GSAP is the perfect tool for bringing your designs to life and creating memorable user experiences.

What’s in the course

[~]

Modules

v0.8
Lessons
Title
What’s this about?
01
Introduction, what is GSAP?
Course Overview & Disclaimers, goals.
02
GSAP Basics
What's the timeline? How we set animations and timing on it. From, to and fromTo animations.
04
How to grab HTML elements
Target elements on our website. Using class, id, attributes, arrays, cycles.
05
The basic animation properties
Dig into the basic variables like x, y, scale, duration and more.
07
PROJECT #1: Animating HTML elements
We create a basic animations in Webflow with GSAP
08
ScrollTrigger
Stunning scroll animations with scrollTrigger plugin
09
Staggered animations
Staggering
10
PROJECT #2: Hero section with Scroll animation
ScrollTrigger animation with stagger effect
11
Reusable functions for reveal animations
Using custom functions in GSAP animations gives you more creative control and flexibility.
14
Splitting texts and making stunning text animations
We’ll use SplitType JS for breaking texts into lines, words and characters. Then animating with GSAP
15
PROJECT #3: Page loader animation
Line animation with line-by-line text anim
15
PROJECT #4: Animation using Velocity
Cursor animation
15
PROJECT #5: Advanced loading animation
Line with character reveals and scroll animation.
Subscribe for updates
It is FREE and you can check a sample project!

More info

[~]

My name is Soma, and I am a designer and creative developer with expertise in Webflow. I created my first svg animation 5 years ago with GSAP. Since then, I've become a Webflow Partner and have been designing and creating custom websites. Building custom interactions is my passion, and I strive to create engaging and memorable user experiences.

Soma sitting at a desk using a computer

I enjoy creating unique page loaders and interactions using these two tools. However, I couldn't find a practice-oriented, intermediate GSAP course for Webflow designers. So, I decided to create one myself. As a designer who delves into JavaScript, I want to share my experience, knowledge, and best practices with others.

Handcrafted Codes

Some previously researched and developed code blocks / functions that you can use for your project.
Made with️ ❤️ by me! 

Good question! :)
The syllabus is constantly "evolving". But I want to create 15-20 lessons each of them are around 5-10 minutes long videos. I also want to build real-life test projects like page loaders, text- and scroll animations etc.

I planned the release in Q3, the worst-case scenario is Q4.
I'm working on different projects 🙃 as a freelancer but I'm also working hard on this course.

Handcrafted Codes

Some previously researched and developed code blocks / functions that you can use for your project.
Made with️ ❤️ by me! 

FAQ

[~]

More question?

1
Do I need to pay now?
No. Currently, I just want to gather some feedback with this landing site.
2
How much will it cost?
I want to set the price affordable for everybody. It is ~$50 - 80 right now, but it depends on the modules, content and example projects that I make.
3
Is it possible to get a discount if I subscribe now?
Definitely! 🙂 I'll update you with an early bird price later in Q2!
4
Do we have a community?
Yes, I want to build a dedicated community around GSAP & Webflow!
I'll send you a Discord invitation after the free subscription!
5
Where can I buy the course?
Lemonsqueezy is my platform for selling digital goodies. Easy to use for both you and me.
6
What are the must haves? 
You'll need a paid Webflow account (Freelancer, $16/$24 per month) because we'll use custom codes. You also need a free Codesandbox account for writing codes, it is better than Webflow's code editor.
It is recommended to have a basic understanding of HTML, CSS, and some Javascript to start the course.
7
Will we work a lot in Webflow?
Not really. You'll have a project file, but of course, it is highly recommended to make your own Webflow HTML structure