Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
beliy333

How to install SVG morph plugin

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

Found it! Downloaded the full zip from the dashboard and it had the all of bonus plugins as .js files. I just included that js file before calling the cdn tweenLite.

  • Like 1
Link to comment
Share on other sites

Yep, bingo. You've got it. :)

 

Happy tweening! And welcome aboard. 

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

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.
×