How to add advance animations In builder

[RayLow]

I am implementing animations In builder.io Like Our Quality - Transforming Cities

Which seems to be impossibe .Initialy I was trying to open This page in builder.io which I did but problem here is that I can’t change the text involved in this page

I am using gsap library In Next js

Please suggest any way I can Handle In it

Thanks

[manish-sharma]

Hello @RayLow

You may find help at

Efficiently exposing bundled libraries to Builder custom JS

I’ve integrated Builder with my Next.js app and created some custom components that use GreenSock, an animation library (https://greensock.com/). The library is imported within my code and bundled in the normal way as part of my Next.js app. Let’s say that I wanted to use GreenSock within the Visual Editor. What’s the best way to expose the library to custom JS? This old, unlinked doc explains how to import a third-party library into custom JS, but I believe that approach is deprecated. At any…

Adding lottie animations in Builder

If you’re looking to create an interactive Lottie, you can follow these steps to get started: Set up the JLottie Player First, drag in a Custom Code block. Paste the following script into the custom code so that you download the Javascript needed to run the JLottie player. <script src="https://unpkg.com/@lottiefiles/jlottie@latest/dist/jlottie.min.js" type="module"> </script> [image]` Now, let’s add a second script file in a new Custom Code block. This loads the animation into a b…