https://github.com/bikomaster6589/shift-replica
This project is a self-initiated clone of the Shift website, created to help me learn and explore web animations using GSAP (GreenSock Animation Platform). I was inspired by the smooth transitions and interactive experience of the original site, and I wanted to replicate those elements to understand how they work behind the scenes.
https://github.com/bikomaster6589/shift-replica
animation css3 frontend html5 js replication scroll-trigger shift website
Last synced: 8 months ago
JSON representation
This project is a self-initiated clone of the Shift website, created to help me learn and explore web animations using GSAP (GreenSock Animation Platform). I was inspired by the smooth transitions and interactive experience of the original site, and I wanted to replicate those elements to understand how they work behind the scenes.
- Host: GitHub
- URL: https://github.com/bikomaster6589/shift-replica
- Owner: BikoMaster6589
- Created: 2025-05-06T00:57:51.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-05-06T01:00:26.000Z (8 months ago)
- Last Synced: 2025-05-06T02:19:28.680Z (8 months ago)
- Topics: animation, css3, frontend, html5, js, replication, scroll-trigger, shift, website
- Language: CSS
- Homepage: https://bikomaster6589.github.io/Shift-Replica/
- Size: 47.2 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🚀 Shift Website Replica
This project is a **replica of the Shift website**, created as a learning exercise to explore and implement **GSAP (GreenSock Animation Platform)** for advanced web animations.
## 🎯 Purpose
The main goal of this project was to understand the core animation techniques used in modern, interactive web interfaces using **GSAP**. It replicates the layout and animations of the original Shift website to build hands-on experience.
## 🧰 Technologies Used
- **HTML5**
- **CSS3**
- **JavaScript (ES6)**
- **GSAP (GreenSock Animation Platform)**
## ✨ Features
- Smooth entrance and scroll-based animations using GSAP
- Animated page transitions
- Responsive layout (basic)
- Modular structure for future enhancements
## 📚 Learning Outcomes
- Mastered GSAP's timeline and trigger mechanisms
- Practiced performance-optimized animation techniques
- Gained better understanding of scroll-based interactivity
---
## 🚧 Project Status
✅ Core animation completed
🔄 Still exploring performance optimization and responsive refinements
## 📄 License
This project is for educational purposes only and not affiliated with or endorsed by the original Shift website.
---
### 👨💻 Built by Bikram Singh Bisht
Feel free to explore, fork, or contribute!