My animations work on the sample (webflow.io site), but not when doing a code export.
Hi there,
Lottie animations won’t load when viewing your exported site directly from your local file system due to security restrictions. Here are two ways to view your animations:
- Use a local development server like Live Server in VS Code or Python’s SimpleHTTPServer to serve your files locally
- Upload your exported files to a hosting service (like Webflow hosting, Netlify, or GitHub Pages)
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
The animations on the homepage are not lottie, but created with GSAP.
Can you provide the live site link? Your preview link won’t show us much since GSAP is working there.
Also, I know it says it’s not needed when working with the new Interactions, but can you let us know whether or not you enabled the GSAP toggle in the settings?
I don’t have a live site as of yet.
I do have GSAP enabled under settings.
You said the GSAP isn’t working on the exported code — are you just testing that locally? Without digging into that to ensure the necessary scripts are included and there aren’t any errors we won’t know why the exported code is working differently than your staging site.
If you create a free Netlify account and upload your exported code it will give you a URL that you can include here for us to look at:
I haven’t received an email back in order to use Netlify, but I used an old page that contains the raw code as output from webflow.
I was under the impression the gsap would run like the previous js animations and just run after opening in a browser. Is that not correct?
Just in case someone would face this issue:
If you are using the new “GSAP interactions” newly integrated to webflow since 10th of july, you have to enable gsap and plugins related from the site settings before exporting your code. Webflow will not include gsap otherwise.
cheers