GSAP Scroll Jump Animation

This project implements a unique scroll animation using GSAP and ScrollTrigger, where content cards "jump" into place based on the scroll direction instead of a smooth color transition.

Features

• Uses GSAP and ScrollTrigger for animations.
• Cards animate into position dynamically based on scroll.
• Responsive design with desktop and mobile layouts.
• Optimized scroll effects for a smooth user experience.

Installation

1. Clone this repository:

   git clone https://github.com/yourusername/gsap-scroll-jump.git

2. Navigate to the project folder:

   cd gsap-scroll-jump

3. Install dependencies:

   npm install

4. Start the development server:

   npm run dev

Usage

• Scroll through the page to see the cards jump into position.
• Adjust viewport width to see responsive behavior.

Technologies Used

• React
• GSAP (gsap/ScrollTrigger)
• CSS for layout and styling

License

This project is open-source and available under the MIT License.