# How to add advance animations In builder

**URL:** <https://forum.builder.io/t/how-to-add-advance-animations-in-builder/3802>\
**Category:** CMS\
**Tags:** nextjs\
**Created:** [June 29, 2023, 5:51am UTC](https://forum.builder.io/t/how-to-add-advance-animations-in-builder/3802 "2023-06-29T05:51:29Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![RayLow](https://avatars.discourse-cdn.com/v4/letter/r/a8b319/32.png) [@RayLow](https://forum.builder.io/u/RayLow)\
**Post date:** [June 29, 2023, 5:51am UTC](https://forum.builder.io/t/how-to-add-advance-animations-in-builder/3802/1 "2023-06-29T05:51:29Z")

</div>

I am implementing animations In [builder.io](http://builder.io) Like [Our Quality - Transforming Cities](https://skyworldgroup.com.my/quality)

Which seems to be impossibe .Initialy I was trying to open This page in [builder.io](http://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

---

<div class="post-metadata">

**Author:** ![manish-sharma](https://avatars.discourse-cdn.com/v4/letter/m/8797f3/32.png) [@manish-sharma](https://forum.builder.io/u/manish-sharma)\
**Post date:** [June 29, 2023, 1:07pm UTC](https://forum.builder.io/t/how-to-add-advance-animations-in-builder/3802/2 "2023-06-29T13:07:34Z")

</div>

Hello @RayLow

You may find help at

> [@Efficiently exposing bundled libraries to Builder custom JS](https://forum.builder.io/t/efficiently-exposing-bundled-libraries-to-builder-custom-js/2284):
>
> I’ve integrated Builder with my Next.js app and created some custom components that use GreenSock, an animation library ([https://greensock.com/](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](https://www.builder.io/c/docs/guides/libraries) 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](https://forum.builder.io/t/adding-lottie-animations-in-builder/1261/2):
>
> 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\> ` Now, let’s add a second script file in a new Custom Code block. This loads the animation into a b…