{"id":20261749,"url":"https://github.com/sudeepacharjee/gsap-onscrl-trigger","last_synced_at":"2026-04-28T16:36:51.036Z","repository":{"id":244017601,"uuid":"814057636","full_name":"SudeepAcharjee/Gsap-OnScrl-Trigger","owner":"SudeepAcharjee","description":"This project demonstrates a parallax effect implemented using GSAP, JavaScript, CSS, and ReactJS. It features various sections showcasing images, benefits, portfolio items, and services with a parallax animation applied to different elements.","archived":false,"fork":false,"pushed_at":"2024-06-12T09:18:06.000Z","size":4948,"stargazers_count":5,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-04-07T06:36:45.087Z","etag":null,"topics":["gsap-scrolltrigger","javascript","reactjs"],"latest_commit_sha":null,"homepage":"https://gsap-onscroll.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/SudeepAcharjee.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-06-12T09:03:08.000Z","updated_at":"2025-11-14T19:35:17.000Z","dependencies_parsed_at":"2024-06-12T14:38:40.960Z","dependency_job_id":null,"html_url":"https://github.com/SudeepAcharjee/Gsap-OnScrl-Trigger","commit_stats":null,"previous_names":["sudeepacharjee/gsap-onscrl-trigger"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/SudeepAcharjee/Gsap-OnScrl-Trigger","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SudeepAcharjee%2FGsap-OnScrl-Trigger","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SudeepAcharjee%2FGsap-OnScrl-Trigger/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SudeepAcharjee%2FGsap-OnScrl-Trigger/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SudeepAcharjee%2FGsap-OnScrl-Trigger/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SudeepAcharjee","download_url":"https://codeload.github.com/SudeepAcharjee/Gsap-OnScrl-Trigger/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SudeepAcharjee%2FGsap-OnScrl-Trigger/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32390050,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-28T14:34:11.604Z","status":"ssl_error","status_checked_at":"2026-04-28T14:32:37.009Z","response_time":56,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["gsap-scrolltrigger","javascript","reactjs"],"created_at":"2024-11-14T11:26:53.096Z","updated_at":"2026-04-28T16:36:51.021Z","avatar_url":"https://github.com/SudeepAcharjee.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n# Parallax Effect with GSAP and React\n\nThis project demonstrates a parallax effect implemented using GSAP, JavaScript, CSS, and ReactJS. It features various sections showcasing images, benefits, portfolio items, and services with a parallax animation applied to different elements.\n\n## Table of Contents\n\n- [Introduction](#introduction)\n- [Technologies Used](#technologies-used)\n- [Installation](#installation)\n- [Usage](#usage)\n- [Features](#features)\n- [Contributing](#contributing)\n- [License](#license)\n\n## Introduction\n\nThis project is designed to showcase a parallax scrolling effect using GSAP (GreenSock Animation Platform) in a ReactJS application. The parallax effect is applied to various sections, enhancing the visual appeal and user experience.\n\n## Technologies Used\n\n- **ReactJS**: A JavaScript library for building user interfaces.\n- **GSAP**: A powerful JavaScript library for creating high-performance animations.\n- **JavaScript**: The programming language used for implementing the parallax logic.\n- **CSS**: Used for styling the application.\n\n## Installation\n\nTo get started with this project, follow these steps:\n\n1. Clone the repository:\n   ```bash\n   git clone https://github.com/your-username/parallax-effect-gsap-react.git\nNavigate to the project directory:\n\nbash\n\n   cd parallax-effect-gsap-react\n\nInstall the dependencies:\n\nbash\n\n    npm install\n\n   Usage\n\n   To run the project locally, use the following command:\n\nbash\n\n    npm start\n\nThis will start the development server and open the application in your default web browser. You can then view the parallax effect in action.\nFeatures\n\n    Parallax Effect: Smooth parallax scrolling effect using GSAP.\n    Responsive Design: The layout is responsive and works well on various devices.\n    Image Sections: Different sections with images and text content.\n    Animated Elements: Elements with various animations triggered by scrolling.\n\nContributing\n\nContributions are welcome! If you would like to contribute to this project, please follow these steps:\n\n    Fork the repository.\n    Create a new branch for your feature or bugfix.\n    Make your changes and commit them with descriptive messages.\n    Push your changes to your forked repository.\n    Create a pull request to the main repository.\n\nLicense\n\nThis project is licensed under the MIT License. See the LICENSE file for more details.\n\ncsharp\n\n\nFeel free to customize this `README.md` file further based on your specific project ","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsudeepacharjee%2Fgsap-onscrl-trigger","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsudeepacharjee%2Fgsap-onscrl-trigger","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsudeepacharjee%2Fgsap-onscrl-trigger/lists"}