h0rhay

Every day is a school day' as they say, and this tar.gz npm solution is a new one on me that I'll have to investigate further, sounds interesting. My main issue is having to fork out in order to import the plugins in modern web builds. You could spend hours tweaking something in CodePen.. only to find that integrating it with a front end framework is a no go until you pay up [as happened to me this afternoon ?]. Seems to me like it'd be better to pay up once going to production as thats where the business case comes in and stakeholders can be squeezed for licence fees. Cheers though

I think the list and case study that you mentioned in your earlier post are VERY relevant and interesting reasons that would help explain the Gsap offering. I know when you have worked so closely on a project for many years it's often hard to spot the nuggets of info like this that would make all the difference for potential users. Essentially you have spent many years making animation on the web easier for front end devs, but this is not clear from the website. The website focuses on rather dated looking greensock imagery, and relies on an already established user base that seem to have prior knowledge of the platform. I think a healthy refresh of the website and messaging would do no end of good. The main reason I went with Anime is that I am looking for a quick solution to deliver a path stroke animation.. In order to use Gsap DrawSVG Plugin I would have to sell in a business case to stakeholders and fellow team members to achieve a relatively simple task that I know can be accomplished fairly easily. It just didn't make sense for this one small task. In the future I am sure it would make sense for a larger scope project.. Also the tar.gz route with the 'file:' reference in package.json seems flakey to me and not up to scratch for a commercial project.. which again made me look elsewhere. In short, too many hoops to jump through to accomplish a simple task.. better to ensure that everything is available and focus on people buying licences once they are going to production. If they have to fork out just for prototyping then they'll look elsewhere. Just my 2 cents I'll be back for sure ?

This is AMAZING info and should be front and center as a case study on your membership signup page. I've gone with Anime JS for now.. but would definitely consider using Gsap in future for projects that need it, due to this post. ? Nice work folks

Ok thanks Guess I'll just go for plain 'ol dash-offset css and/or JS.. shame tho

Thanks so much for responding.. I guess it must be because because I dont have access to DrawSVG. I've watched the video, downloaded the package (logged in).. but it has no DrawSVG file.. So I guess you need to pay to use DrawSVG?

Hi, Can anyone help with using Gsap plugins with react? I have tried using the .tar.gz as documented but am struggling to see how this would work in production as you need to have dependencies in the package.json in order for the project to build. Is there a step by step simple react and Gsap (with plugins) example anywhere? None of the examples on the documentation here use a Gsap plugin. Many thanks, George All the below code does is result in a 'drawSVG' not found error.. (I'm using v3 of Gsap is that ok?) import gsap, { TimelineMax } from 'gsap' import { drawSVG } from 'gsap/drawSVG' gsap.registerPlugin(drawSVG) const plugins = [drawSVG]