Jump to content


  • Posts

  • Joined

  • Last visited

About chacrasoftware

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

chacrasoftware's Achievements

  1. GSDevTools.kill is not a function -- I having this error also there are no exposed methods like the example above.
  2. How to add custom typings when registering an effect? it would be very helpful if the custom effect is properly type not just set to any.
  3. Having trouble deploying in heroku, the build outputs error An unexpected error occurred: "https://npm.greensock.com/@gsap%2fbusiness/-/business-3.10.4.tgz: Request failed \"403 Forbidden\"". here's our .npmrc //npm.greensock.com/:_authToken=${GSAP_TOKEN} @gsap:registry=https://npm.greensock.com package.json "gsap": "npm:@gsap/business" we are using yarn as our package manager, only instruction available is for vercel and netlify, need help for deploying in heroku thank you!
  4. Using latest version of NextJS, importing and registering plugins like ScrollTrigger and ScrollToPlugin works fine but others as tested so far like DrawSVGPlugin, InertiaPlugin and Draggable renders an error Module not found: Can't resolve 'gsap/dist/DrawSVGPlugin'. I'm importing the umd as suggested like so: import { DrawSVGPlugin } from 'gsap/dist/DrawSVGPlugin' gsap.registerPlugin(DrawSVGPlugin)
  5. Hi, I went through most of the carousel example here but having hard time converting it to react and to make it work, if anyone can give a simple carousel example using react that would be highly appreciated. thank you!
  6. @OSUblake thank you so much! this clears everything up!
  7. Hi @OSUblake thank you for your response, I did check this example already if I understand correctly it applies an enter and exit animation on each box when mount and unmount, tho in my example I'm trying to transition the box from first to final layout state using the data-flip-id, it works well if they're both being rendered at the same time and just apply a display none property on the other one, but how to do it on a conditional rendered component with same data-flip-id? Thank you!
  8. Hi, how can we do Flip animation from an unmounting component to the new mounting component in react
  9. Thank you for this concept @mikel will look into this!
  10. Hi everyone tried this approach but on mounting again the killed variable value will reset hence the condition will still fire, we somehow need to have a method to kill the matchMedia on unmount, it also cause another issue when remounting back because the previous matchMedia still exist and the scrolltrigger and tweens comes with it is already been destroyed and it throws me an error "Failed to execute 'getComputedStyle' on 'Window': parameter 1 is not of type 'Element'." this error will also show when the component has been unmounted and the screen size updated
  11. hi @OSUblake thank you for your response, tho is it possible to have the scrub catch up effect only applies once after the initial scroll? setting the initial scroll animates down so fast specially when I have a long list of items and I wanted to disable the catch up effect of scrub initially and update it back from boolean to number after that.
  12. Hi @mikel, I'm new and still learning gsap along side with reactjs, so far its been a fun experience doing animation with this library! Here I created an example using react with ScrollTrigger, I wanted to set the initial scroll position on mount, it works fine but when the initial item is on the far end of the list it will scroll fast down when the scrub is set to a number, I then set the scrub to true and gave the result I'm looking for but I need to set the scrub to a number again to make the scrolling smooth, is there a way to update the scrub value? edit: the scrub animation not working on initial mount in the codepen not sure why https://codepen.io/davidkhierl/pen/qBpbbGZ Thank you!
  13. Hi, is it also possible to update the scrub value? I wanted to set the scroll value without the scrub catch up