https://github.com/vipinkumar-70/gsap-landing-page

A clone of the WizardZ website designed to showcase my expertise in GSAP. This project replicates the sleek, animated design of the original WizardZ site while highlighting my skills in HTML, CSS, and JavaScript.
https://github.com/vipinkumar-70/gsap-landing-page

animated-website gsap javascript modern-web

Last synced: about 1 month ago
JSON representation

A clone of the WizardZ website designed to showcase my expertise in GSAP. This project replicates the sleek, animated design of the original WizardZ site while highlighting my skills in HTML, CSS, and JavaScript.

• Host: GitHub
• URL: https://github.com/vipinkumar-70/gsap-landing-page
• Owner: VipinKumar-70
• License: mit
• Created: 2024-11-29T17:10:03.000Z (about 1 month ago)
• Default Branch: main
• Last Pushed: 2024-11-29T17:49:39.000Z (about 1 month ago)
• Last Synced: 2024-11-29T18:25:27.707Z (about 1 month ago)
• Topics: animated-website, gsap, javascript, modern-web
• Language: HTML
• Homepage: https://gsap-landing-page-three.vercel.app
• Size: 55.7 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# GSAP Landing Page

Welcome to the **GSAP Landing Page**, a **clone of the WizardZ website** designed to showcase my expertise in **GSAP (GreenSock Animation Platform)**. This project replicates the sleek, animated design of the original WizardZ site while highlighting my skills in **HTML**, **CSS**, and **JavaScript**.

## Features

- **Modern Design**: Replicates the original WizardZ website's sleek and engaging layout.

- **Smooth Animations**: Created using the GSAP framework for professional-grade animations and transitions.

- **Clean Code**: Organized and structured code for better readability and maintainability.

## Technologies Used

- **HTML**: For structuring the content and layout of the website.

- **CSS**: For styling the components and ensuring a visually appealing design.

- **JavaScript**: For interactivity and implementing GSAP animations.

- **GSAP**: For creating smooth and dynamic animations.

- **Vercel**: Deployed for hosting and easy sharing.

## 🌟 About GSAP Animations

This portfolio utilizes **GSAP (GreenSock Animation Platform)** to enhance the user experience with smooth animations throughout the site. GSAP is used to reveal components on scroll, apply staggered animations for project cards, and add dynamic effects to various elements. This provides a professional, engaging feel to the user interface.

## 📸 Screenshots

![image](https://github.com/user-attachments/assets/a1962115-380c-40f0-b7be-c205651ab8bd)

![image](https://github.com/user-attachments/assets/46d80e8a-6acd-43b5-950a-727cddb3d2ad)

![image](https://github.com/user-attachments/assets/61ed0b00-e64e-4a08-b38f-a9d2797ce7c0)

## 🔧 Installation Instructions

To run this project locally, follow these steps:

1. **Clone the Repository**

   ```bash

   git clone https://github.com/VipinKumar-70/GSAP-Landing-Page.git

   cd GSAP-Landing-Page

   ```

### Contributing

Contributions are welcome! If you'd like to contribute to this project, please fork the repository and

submit a pull request with your changes. Make sure to follow the standard coding conventions and

best practices.

### 📜License

This project is licensed under the MIT License. See the LICENSE file for details.[MIT License](LICENSE)

### Contact

If you have any questions or need further assistance, please don't hesitate to contact me at

[Vipin Kumar](mailto:[email protected]).

I'll be happy to help!