Gsap animations

Good day!

I looked at the specifications in Figma — the task is clear: a scroll-driven animation on GSAP ScrollTrigger with scrub, where cards from the wall fly into the phone with a scale reduction along the trajectory, and in the third section, they "fall" back to their places. Lenis for smooth scrolling is already set up — good, synchronization will be clean.

I work with GSAP/ScrollTrigger and timeline animations, I understand the mechanics, not just the vibe code: pinning sections, calculating the flyToPhone trajectories from the card's position on the wall to the phone's point, scaling based on progress, then reverse explosion. Responsive design through a single scale factor based on viewport width, so the trajectories don't break on mobile.

Two questions to avoid wasting time:

1. Are the cards already positioned in the DOM (wall + final positions in the 3rd section), or is positioning also on me?
…
2. How many cards are there in total in the animation?

Regarding the deadline: it's feasible by 18:00-20:00 if I start soon and the markup is clean. Send the ZIP — I'll check the structure and immediately confirm the timeline and price.

I'm ready to start now.

Show original

Translate

Hello, Vlad! I am ready to promptly make adjustments to your project and set up card animations. I have experience with JavaScript and will easily handle the integration of GSAP + Lenis to create smooth, seamless scrolling and timings as in the Figma layout.

I will do everything clearly, responsively, and without slowing down the site speed. I am ready to look at the layout in private messages, discuss the details, and immediately start working. I would be happy to help!

Show original

Translate

Good day, Vlad!

My name is Vladislav. I am sure that by the time you reached my application, you have grown tired of reading template proposals. Therefore, without self-promotion, I will go straight to the question of creating animations for your project.🚀🚀🚀

I understand how important it is for you to create dynamic and attractive card animations using GSAP and Lenis. Your project requires not only technical expertise in Javascript and Typescript but also a creative approach to match the desired vibe and meet tight deadlines.

I suggest we continue our communication in private messages or arrange a meeting. I would be happy to share my vision for the project, and if you like my approach, we can discuss the terms of collaboration in more detail.

➡️ Clothing with prints. 1124 sales in a month - https://freelancehunt.com/showcase/work/odyag-printami-1124-prodazhi-za/2049926.html
…
➡️ Nail care accessories. 15 deals at 901 UAH each - https://freelancehunt.com/showcase/work/aksesuari-dlya-doglyadu-za-nigtyami/2049927.html

➡️ Legal services. 63 applications in a month - https://freelancehunt.com/showcase/work/poslugi-yurista-zayavki-za-misyats/2049928.html

For now, I will refrain from making a specific proposal, as it is important to understand all the details and goals of your project. Please clarify a few points:

- What is the deadline for completing the card animations? It is stated that it should be done by evening, but is there a possibility to slightly extend the timeframe?
- Do you have a detailed technical specification or a vision of how the animation should look?
- Can additional plugins be used to enhance the animation?
- Are there examples of animations that you like, so I can better understand your expectations?

Several factors affect the cost and timeline of the project:

1. Do you have a clear technical specification, or do we need to develop it together?
2. Do you have ready examples of animations that need to be replicated, or do you need a creative approach to create unique solutions?
3. What are the time constraints for completing the task, and is there a possibility to adjust these limits?
4. Can additional plugins be used to improve the animations, and do you have specific requirements for them?

Looking a bit ahead, at the beginning of our collaboration, it will be important to form and agree on the final vision of the animations, which we will reflect in the technical specification. I usually form such a vision based on competitor analysis and personal preferences. This allows us to understand what solutions others are using, take useful ideas, and make them even better.

Show original

Translate

Hello!

I have extensive experience in creating websites and applications (CMS, SPA, TMA).
I am ready to complete the assigned task.

I suggest discussing the details in private messages.

Show original

Translate

Good day! I have reviewed your terms of reference and have over 5 years of experience in development. Message me, I can do it in about an hour.

Show original

Translate

Good day, I am ready to start working right now.
I will be happy to collaborate with you, and I will complete the work efficiently and quickly.

Examples of my recent work:
https://mansionproject.nl/
https://thecarguys.kinsta.cloud/
https://totuus.co.uk/
https://futurizm.io/

Show original

Translate

Hello. The animation is clear — ScrollTrigger timeline: cards fly to the phone, then scatter into place. It will be implemented using GSAP + Lenis.

To confirm the deadline, I need to look at the current code — please provide access to the site or repository.

I will try to finish by 8 PM, but I can't guarantee without the code. Portfolio with Three.js, GSAP, WebGL: oleksandrvoieikov.com

Show original

Translate

Hello! I will complete your task quickly and efficiently. I will do it today.

My recent works
https://indexfast.pp.ua - fast website indexing
https://mono-bank.pp.ua - everything about Monobank
https://mamamia.pp.ua - online store
https://programist.pp.ua/ua/portfolio/ - portfolio of works
https://monitortest.pp.ua - monitor testing
https://keytest.pp.ua - keyboard testing
… https://pctest.pp.ua - computer testing
https://vseetut.matviy.pp.ua - layout

My portfolio: https://freelancehunt.com/ua/freelancer/romas6ka.html#portfolio
Message me, I will start working today. I will be happy to collaborate with you!

Show original

Translate

Hello! I can complete your task. I have experience. Write to me and we will agree.

Show original

Translate

Hello! I have experience working with GSAP and Lenis, ready to implement the required card animations according to Figma under any conditions. I will complete the task by 8:00 PM, guaranteeing quality and creativity. Please send the ZIP, I will start immediately.

Show original

Translate

Good day, I am ready to do it today. I will make the animation according to the specifications.

Show original

Translate

Good day.

I work with GSAP and Lenis, so I can quickly make changes to your current layout and implement card animations according to the design.

I will check Figma, analyze the current implementation, and create smooth, live animations without vibe code and "hacks." I work directly with HTML, SCSS, JavaScript, and I understand how to properly build complex GSAP animations to keep them performant on different devices.

By the way, I recently completed a project with custom scroll animations using GSAP + Lenis, so I understand the nuances of synchronizing effects and the smooth movement of elements well.

Please send:
…
• A ZIP archive of the current project;
• Which specific blocks need to be animated;
• If there is a reference for behavior, besides the design in Figma.

I am ready to start immediately and will try to meet your deadline by the evening.

Show original

Translate

Good day. I have reviewed the technical specifications. I have experience working with GSAP. I can complete the task.

Show original

Translate

Good day!

I am interested in your project.

I have experience working with GSAP, ScrollTrigger, Lenis, and custom JavaScript animations. I regularly implement complex interactive blocks, card animations, parallax effects, scroll animations, and non-standard UI solutions for commercial projects.

I work not through builders, but directly with HTML, SCSS, and JavaScript, so I can not only replicate the animation from the design but also offer a technically sound implementation and improvements if appropriate.

I am ready to start immediately after agreeing on the details. I also understand that the project is urgent and needs to be completed within today’s deadlines.
…
I have worked with GSAP and Lenis on real projects, so there will be no issues with integration into the current code.

I would be happy to review the layout archive and discuss the details.

Show original

Translate

Hello, I worked on interactive animations for product cards for an e-commerce platform with 15+ complex GSAP transitions and Lenis scrolling, which increased conversion by 23%.

I’m curious about what specific animation effects you plan for the cards - hover states, reveal animations, or something more complex with parallax? ✨

I suggest we get in touch; I will provide you with a free consultation on the technical side and we can outline a development plan + I will tell you about my team!

Show original

Translate