Astro + GSAP + Webflow Cloud
From git clone to shipped.
A starter with Astro underneath, every GSAP plugin registered, and Webflow Cloud deployment already wired in. Nothing to configure before the fun part.
git clone https://github.com/Webflow-Examples/astro-gsap.git Structure first.
Astro gives you the bones — file-based routing, components, zero JS by default.
Motion included.
All of GSAP, imported once in src/lib/gsap.js. Grab what you need and
animate.
Deploys in one click.
Push to GitHub, connect Webflow Cloud, done. No adapter config, no build wrangling.
Every GSAP plugin, wired up and free.
All 24 plugins are registered and ready to import — including the formerly premium Club plugins, now free for everyone thanks to Webflow.
- ScrollTrigger
- ScrollSmoother
- ScrollToPlugin
- Observer
- SplitText
- Draggable
- Flip
- MotionPathPlugin
- MotionPathHelper
- DrawSVGPlugin
- MorphSVGPlugin
- InertiaPlugin
- Physics2DPlugin
- PhysicsPropsPlugin
- CustomEase
- CustomBounce
- CustomWiggle
- ScrambleTextPlugin
- TextPlugin
- PixiPlugin
- EaselPlugin
- CSSRulePlugin
- GSDevTools
- EasePack
Quick start
Three commands between you and a running page.
- git clone https://github.com/Webflow-Examples/astro-gsap.git
- pnpm install
- pnpm dev