Jump to content
Search Community

Need help w/ highly animated site -- React & Scrolltrigger

Jonah B test
Moderator Tag

Recommended Posts

We have a react application that makes heavy use of GSAP &  Scrolltrigger which is showing some inconsistent behavior and we need to fix it within a short timeframe. Payment is project-based with clear set of tasks -- the priority is for the Scrolltrigger issues, although it would be great to get assistance more generally. We have no idea how long this will take, we do have a project budget, so please give us a flat bid for just fixing the Scrolltrigger/React issue or for general help. We can also share the code with you, nothing fancy, if that is helpful before you determine your bid. Thanks!

 

A very similar site:  https://astraeafoundation.org/microsites/ar2019/

Our site in progress: http://tappingbones.works/icfj/

Background:

Our application consists of react components to apply various animation effects to content, trigger animations, etc, each component containing it's own triggering logic, and used multiple times throughout the project. Unfortunately their triggers don't appear where they should. We've refined this substantially, but have a few last details to fix for responsiveness, on window resize, and perhaps other needs to reset the animations. Could be a memory allocation issue? How the triggers are instantiated in react appears to be the solution with resetting or killing the instances of the trigger at the right points in the react lifecycle.

 

We have a Tuesday demo of this (48 hours from now) and then need to deliver a week later. This site  will have a wide audience, so it would be good for someone with solid experience shipping these sorts of animated websites to give it a once over to tighten the timing, optimize performance etc. 

Beyond this project, we will have similar needs in the future and will be looking for a goto developer for these kinds of frontend consulting projects as well as  specific functionalities, plugins etc.

Technology used in this project:
React
Gsap 3
Scrolltrigger
Gatsby
Emotion
bodymovin
react-lottie
gatsby image

  • Like 1
Link to comment
Share on other sites

  • Jonah B changed the title to Need help w/ highly animated site -- React & Scrolltrigger

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