GSAP snippet for Webflow

(Still under development as of March 15th 2023)

Here is the exacpt snippet I use for importing GSAP:

‍

<!-- GreenSock Animation Platform -->
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/gsap.min.js"></script>

‍

You'll insert it into the 'Head Code' embed of your project settings.

‍

‍

Other useful add-ons:

‍

<!-- Note: Use your own * Club GreenSock * scripts! May use JsDelivr (https://www.jsdelivr.com/github) & GitHub for hosting -->

<!-- GSAP Scroll Trigger -->
<script defer src="https://cdn.jsdelivr.net/gh/BarthMedia/js@main/ScrollTrigger.min.js"></script>

<!-- GSAP Scroll Smoother -->
<script defer src="https://cdn.jsdelivr.net/gh/BarthMedia/js@main/ScrollSmoother.min.js"></script>

<!-- GSAP Scroll To -->
<script defer src="https://cdn.jsdelivr.net/gh/BarthMedia/js@main/ScrollToPlugin.min.js"></script>

<!-- [BMG] Custom GSAP script -->
<script>
gsap.registerPlugin(ScrollTrigger, ScrollSmoother)

// create the smooth scroller FIRST!
let smoother = ScrollSmoother.create({
    content: '.main-wrapper',
    smooth: 2,    // seconds it takes to "catch up" to native scroll position
    effects: true // look for data-speed and data-lag attributes on elements and animate accordingly
})
</script>

FAQs

You still have an open question about BMG.studio and how we operate. Chances are good that you will find what you are looking for here:

Why does this FAQ exist?

Well. As of Wednesday, March 15th 2023, I think this component looks really cool.

Can I clone this FAQ component?

Yes. Yes you can. You can do so -> here <-

Still have questions?

It's okay to reach out. Use either email or our calendar tool

Book a Call Email >