All services07 / 19
Webflow animations and interactions with GSAP
Scroll effects, transitions and motion that explains the product, built with GSAP and Webflow Interactions, and tested on phones.
You might be here because
01
The motion from the Figma prototype never made it into the build.
02
An animation looks right on a laptop and stutters on a phone.
03
Things pop in and out, and the page jumps when they do.
What you get
Motion that helps a visitor understand, and does not slow the page.
One curve and two speeds across the whole site, so everything moves the same way. Nothing appears or disappears without a reason.
Scroll and reveal effects
Sections and figures that arrive as the visitor reaches them.
Hover and state changes
Buttons, cards and menus that answer the pointer quietly.
Animated drawings
Line drawings and diagrams that play step by step, like the ones on this site.
Motion from your prototype
Rebuilt from Figma, with the timing matched.
A still version
Visitors who ask their device for less motion get one.
Speed kept
Animations use what the browser handles cheaply, and are measured on a phone.
How it goes
01
Send the task
An email, a recording or a list. Whatever is fastest for you.
02
Get an estimate
In hours, before I start, so the invoice holds no surprises.
03
Review on staging
You check the work on a private link and ask for corrections.
04
It goes live
I publish, test on phone and desktop, and log the hours.
Price
Billed by the hour, with the estimate first.
You see the hours before I start and pay for the hours used. No retainer and no minimum.
Hourly rate
40
USD an hour
Shown in
Home cleaning
Polina’s Cleaning
A booking-first site for a Minneapolis cleaning company.
View case
Questions
Is GSAP free to use on our site?
Yes. GSAP has been free for commercial use since 2025, and it is built into Webflow Interactions.
Will animation hurt our speed score?
It can, when it is done carelessly. I animate what the browser handles cheaply and load the code only where it is used.
Can you match the motion in our Figma prototype?
Usually closely. Where the browser behaves differently, I show you the nearest version.
Can you fix animations someone else built?
Usually yes. I read how they are made first, then tell you whether fixing or rebuilding is cheaper.
Goes well with
Custom code
Calculators, filters, multi-step forms and maps: the parts of a site that Webflow does not build on its own.
Service
Motion design
Short films and animated graphics that explain what the company does: for the home page, for a launch, and cut for social and ads.
Service
Your site
Not sure what your site needs first?
Next service
Custom code
08 / 19