Jump to content


What's the new school way to write MorphSVGPlugin.pathDataToBezier();

Recommended Posts

Hi there,

I'm new to using GSAP in React and was wondering what the new way to write something like: 

const motionPath = MorphSVGPlugin.pathDataToBezier('#dotted-line-path', {

    align: 'relative',


I'm curious what the method from the Morph plugin is that would allow me the same results as the above line of code.

Thanks in advance,


Link to comment
Share on other sites

Hey @Blake. You probably don't need that anymore - have you seen MotionPathPlugin? It makes things like that much easier. 


If you still need some help, please provide a minimal demo and we'd be happy to take a peek. 


Thanks for being a Club GreenSock member!

  • Like 3
Link to comment
Share on other sites

Thanks so much, Jack! This is awesome and super helpful information :)

  • Like 1
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.