GSAP Animations Collection

This repository showcases various animation projects using GSAP (GreenSock Animation Platform), a powerful JavaScript library for creating stunning web animations. Each folder contains a unique project with different animation techniques, from text effects to complex website animations.

Projects Overview

Project Folder	Description
Bouncing-Ball-Animation	A bouncing ball animation created using GSAP. It demonstrates physics-like motion, smooth transitions, and realistic timing.
navbar animation	A simple yet elegant animated navbar built with HTML, CSS, and GSAP. The animation triggers on hover and provides a smooth user interface experience.
sliding-panel-animation	An interactive sliding panel animation where divs and text smoothly slide in and out using GSAP’s timeline and transition controls.
text animation	A simple text animation using GSAP, showcasing smooth text entrance effects that are ideal for landing pages and headers.
website animation	A project that adds engaging animations throughout a website. Includes hover effects, scroll-based animations, and smooth page transitions.

Technologies Used

• GSAP (GreenSock Animation Platform) for animation
• HTML5 for structure
• CSS3 for styling
• JavaScript (ES6) for interaction

Getting Started

To view any project locally:

1. Clone this repository to your local machine:

   git clone https://github.com/your-username/gsap-animations-collection.git
   cd gsap-animations-collection

2. Navigate to the specific project folder, for example:

   cd Bouncing-Ball-Animation

3. Open the index.html file in your browser or serve it with a local server:

   open index.html

   Alternatively, use a live server in VSCode or run an HTTP server such as http-server for better performance.

Usage

• Explore each project folder for detailed animation demos.
• Projects include:
  • HTML files for structure
  • CSS for styling and layout
  • JS files powered by GSAP for smooth animations

Contributing

Contributions are welcome! Feel free to fork the repository and create pull requests for enhancements, bug fixes, or new animations.

1. Fork the repository.
2. Create a new feature branch (git checkout -b feature-name).
3. Commit your changes (git commit -m 'Add some feature').
4. Push to the branch (git push origin feature-name).
5. Open a pull request.

License

This project is licensed under the MIT License - see the LICENSE file for details.

---

Happy animating! 🎨✨

Feel free to adjust the username, repository name, and any other specific details as needed!