How to add advance animations In builder

[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…