elementor Does a Elementor Widget Can make GSAP more easier to implement

[StudioJae]

Hi, i'm looking for a custom plugin/code to have on https://studiojae.fr/ the same result as i posted attached on https://laplumerp.com/
U can see it on the main page and on the /manifesto, theres another animation. How could we do this ?

The idea is just to have on Elementor a section on Style or Advanced to "Enable" the effect via a  list of options?
Like we can have with ReyTheme ! 
Let me know if u know anything that can make it work.
If we need specifics plugin on StudioJae to run it smoother.
I don't want my pageload to implode.

Otherwise, ive found a website with paid templates but i dont wanna spend 5€ per animation.

Edited September 19 by StudioJae
adding context to the website

[mvaneijgen]

Hi @StudioJae welcome to the forum!

 

I think I get what you're asking, but I don't know of a solution.

 

I highly recommend you to explore GSAP, it will allow you to make any animation you can think of, you just have to put in some time to learn it (it isn't complicated, check out https://gsap.com/resources/get-started/), but what you're asking is that someone has made a tool (for elementor), so that you don't have to make the animation, but just can use them. That will probably be a lot of effort to make or a really niche set of people, when someone has done that they probably want some money in return for that time they spent making it. I would not think someone will make that for free, but then again GSAP is now free 🤯, so maybe anything is possible (I how ever do not know of such a solution)

 

Check out this effect from the SplitText docs https://gsap.com/docs/v3/Plugins/SplitText/?tags=ScrollTrigger that might give you some inspiration (still highly recommend going to the Get started guide first https://gsap.com/resources/get-started/) 

 

Hope it helps and happy tweening! 

 

See the Pen GggpRoB by GreenSock (@GreenSock) on CodePen.

 

[StudioJae]

5 minutes ago, mvaneijgen said:

Hi @StudioJae welcome to the forum!

 

I think I get what you're asking, but I don't know of a solution.

 

I highly recommend you to explore GSAP, it will allow you to make any animation you can think of, you just have to put in some time to learn it (it isn't complicated, check out https://gsap.com/resources/get-started/), but what you're asking is that someone has made a tool (for elementor), so that you don't have to make the animation, but just can use them. That will probably be a lot of effort to make or a really niche set of people, when someone has done that they probably want some money in return for that time they spent making it. I would not think someone will make that for free, but then again GSAP is now free 🤯, so maybe anything is possible (I how ever do not know of such a solution)

 

Check out this effect from the SplitText docs https://gsap.com/docs/v3/Plugins/SplitText/?tags=ScrollTrigger that might give you some inspiration (still highly recommend going to the Get started guide first https://gsap.com/resources/get-started/) 

 

Hope it helps and happy tweening! 

 

 

 

 

Hi, cool to see i've been blocked by CF Shield.

I was saying  this code, create "Oops! Trial version of ScrollSmoother deployed"
i'm trying to start but i think i cant install it.
I've checked the installation page and used recent scripts and so on, the scripts doesnt trigger animation.

<iframe height="300" style="width: 100%;" scrolling="no" title="Scrolling rainbow - GSAP ScrollTrigger &amp; ScrollSmoother" src="https://codepen.io/supah/embed/MWroVZG?default-tab=html%2Cresult" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
  See the Pen <a href="https://codepen.io/supah/pen/MWroVZG">
  Scrolling rainbow - GSAP ScrollTrigger &amp; ScrollSmoother</a> by Fabio Ottaviani (<a href="https://codepen.io/supah">@supah</a>)
  on <a href="https://codepen.io">CodePen</a>.
</iframe>

 

[StudioJae]

What link should i use?

in local , it's working.

 

it's tester here: https://studiojae.fr/agence

[mvaneijgen]

I have no idea what you're saying. If you're trying to install GSAP check out installation page https://gsap.com/docs/v3/Installation/?tab=cdn&module=esm&require=false#install-helper I would deviantly not install beta versions of the tools 

 

Hope it helps and happy tweening! 

[Rodrigo]

Hi,

 

We have a dedicated page on how to use GSAP on WordPress here:

https://gsap.com/resources/Wordpress

 

I'd strongly recommend using the CDN links provided there instead of the beta links on Codepen, since those can be used for testing new features and sometimes something might not work as expected.

 

Here you can find all the links and URLs for all the GSAP files and Plugins:

https://gsap.com/docs/v3/Installation?tab=cdn&module=esm&require=false

 

Happy Tweening!

[StudioJae]

We'll be looking at it ! Mostly loving the idea of someone coming with a plugin to animate anything with gsap aha !

[mvaneijgen]

25 minutes ago, StudioJae said:

We'll be looking at it ! Mostly loving the idea of someone coming with a plugin to animate anything with gsap aha !

GSAP is the plugin that allows you to animate anything, so you're asking for a plugin for a plugin 😅, kinda defeats the purpose of GSAP, so not sure if you're going to find that. 

[StudioJae]

23 minutes ago, mvaneijgen said:

GSAP is the plugin that allows you to animate anything, so you're asking for a plugin for a plugin 😅, kinda defeats the purpose of GSAP, so not sure if you're going to find that. 

No a Wordpress Plugin isnt GSAP, Elementor is like visual builder, we don't have any visual builder for GSAP animations

[Rodrigo]

Hi,

 

I don't know if this is similar to what you're looking for but perhaps you might want to check this:

https://animation-addons.com/

 

Needless to say that this is not an official GSAP product, so we can't really offer support for it. Just pointing you in this particular direction.

 

Happy Tweening!