https://github.com/akhterjawad/gsap-toolkit

https://github.com/akhterjawad/gsap-toolkit

Last synced: 1 day ago
JSON representation

• Host: GitHub
• URL: https://github.com/akhterjawad/gsap-toolkit
• Owner: akhterjawad
• Created: 2024-11-05T19:47:07.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-11-25T18:31:09.000Z (about 2 months ago)
• Last Synced: 2024-11-25T19:34:14.449Z (about 2 months ago)
• Language: JavaScript
• Homepage: https://gsap-scrolltrigger-main.netlify.app/
• Size: 10.7 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# GSAP ScrollTrigger Project

This project leverages the power of [GSAP](https://greensock.com/gsap/) (GreenSock Animation Platform) and its [ScrollTrigger](https://greensock.com/scrolltrigger/) plugin to create smooth and interactive scroll-based animations. Check out the live demo here: [Live Demo](https://gsapscrolltrigger.netlify.app/)

## Table of Contents

- [About the Project](#about-the-project)

- [Technologies Used](#technologies-used)

- [Setup & Installation](#setup--installation)

- [GSAP, Timeline, and ScrollTrigger Overview](#gsap-timeline-and-scrolltrigger-overview)

- [Usage](#usage)

- [License](#license)

## About the Project

This project demonstrates how to create smooth scroll-based animations and interactions using GSAP's ScrollTrigger. The animations are defined with GSAP's timeline, allowing for easy control over animation sequences, while ScrollTrigger provides the ability to trigger animations based on the user's scroll position. You can view it in action on the [live demo](https://gsapscrolltrigger.netlify.app/).

## Technologies Used

- **GSAP** (GreenSock Animation Platform)

- **ScrollTrigger** Plugin

- HTML, CSS, JavaScript

## Setup & Installation

To get started locally, clone the repository and open the project files.

```bash

git clone https://github.com/your-username/your-repo-name.git

cd your-repo-name