Jump to content
Search Community

How to install SVG morph plugin

beliy333 test
Moderator Tag

Go to solution Solved by beliy333,

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hi,

 

Just subscribed as to Shockingly green account. Love how easy this is :)

 

Sorry if this is a dumb question but I don't quite understand how to download and install the SVG morph plugin? I click the download button on the plugin page and use the cdn links but that doesn't seem to include the bonus plugins like SVG Morph. Please advice.

 

Thank you!

Yan

Link to comment
Share on other sites

  • 2 years later...

;Hi there.

I was looking for installing Morphsvg to React.

I install GSAP with yarn add gsap.

But I won't able to import that.

When I open all.js in gsap root folder, I saw something wired!

 

// bonus tools
/*
import DrawSVGPlugin from "./DrawSVGPlugin.js";
import MorphSVGPlugin from "./MorphSVGPlugin.js";
import Physics2DPlugin from "./Physics2DPlugin.js";
import PhysicsPropsPlugin from "./PhysicsPropsPlugin.js";
import ScrambleTextPlugin from "./ScrambleTextPlugin.js";
import ThrowPropsPlugin from "./ThrowPropsPlugin.js";
import GSDevTools from "./GSDevTools.js";
import SplitText from "./SplitText.js";
import CustomBounce from "./CustomBounce.js";
import CustomEase from "./CustomEase.js";
import CustomWiggle from "./CustomWiggle.js";

export {
	DrawSVGPlugin,
	MorphSVGPlugin,
	Physics2DPlugin,
	PhysicsPropsPlugin,
	ScrambleTextPlugin,
	ThrowPropsPlugin,
	GSDevTools,
	SplitText,
	CustomBounce,
	CustomEase,
	CustomWiggle
}
*/

 

These codes commented and MorphSVGPlugin is commented too! Why?!

Please edit this block. I can't deploy my app for other developers. cause they aren't able to access gsap MorphSVGPlugin.

Link to comment
Share on other sites

MorphSVGPlugin is a membership benefit of Club GreenSock - that's why it's not in the NPM package. Once you sign up, you get access to a special download zip that contains the bonus plugins. See https://greensock.com/club/. If you're wondering why we do it this way, see https://greensock.com/why-license/. 

 

Sorry about any confusion there, @Hossein Rahimi. Hopefully you'll find that the membership pays for itself in a matter of days or weeks. We do offer a satisfaction guarantee as well - we're passionate about having happy customers around here. 

 

Let us know if there's anything else we can do to help. 

 

Happy tweening!

  • Like 2
Link to comment
Share on other sites

  • 2 years later...
  • 1 year later...

Hi @Neurotech Solutions and welcome to the GreenSock Forums!

 

First thank you for supporting GreenSock by being a Club GreenSock member! 🥳

 

The issue is super simple actually. You have a CDN link with a version of GSAP that is waaaaayyyyy too old (1.18.2). Just remove that line (200) and uncomment line 201 and it should work.

 

Let us know if you have more questions.

 

Happy Tweening!

Link to comment
Share on other sites

  • 1 year later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...