https://github.com/tanmay-tiwari-20/obys-agency
Obys Agency Website Clone is a JavaScript-based recreation of the Obys Agency site, showcasing an elegant design and interactive elements. Built using HTML, CSS, and JavaScript with Locomotive Scroll and GSAP for smooth animations, this project mirrors the original site’s sleek presentation and dynamic user experience.
https://github.com/tanmay-tiwari-20/obys-agency
Last synced: 3 months ago
JSON representation
Obys Agency Website Clone is a JavaScript-based recreation of the Obys Agency site, showcasing an elegant design and interactive elements. Built using HTML, CSS, and JavaScript with Locomotive Scroll and GSAP for smooth animations, this project mirrors the original site’s sleek presentation and dynamic user experience.
- Host: GitHub
- URL: https://github.com/tanmay-tiwari-20/obys-agency
- Owner: tanmay-tiwari-20
- Created: 2024-07-05T13:14:53.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-08-31T09:21:44.000Z (9 months ago)
- Last Synced: 2025-01-11T12:46:57.165Z (5 months ago)
- Language: CSS
- Homepage: https://tanmay-tiwari-20.github.io/obys-agency/
- Size: 1.41 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Obys Agency Website Clone
This project is a clone of the Obys Agency website, created to practice advanced web development techniques. It was my first project using JavaScript, and it incorporates several modern libraries and animations to achieve a dynamic and engaging user experience.
## 🌟 Features
- **Smooth Scrolling**: Implemented using Locomotive Scroll for a smooth and unique scrolling experience.
- **Advanced Animations**: Leveraged GSAP and Shery.js for complex animations and interactive elements.
- **Text Effects**: Enhanced typography animations using Textillate.js for dynamic text transitions.
## 🛠️ Technologies Used
- **Frontend**: HTML, CSS, JavaScript
- **Libraries & Tools**:
- **Locomotive Scroll**: For smooth scrolling effects.
- **GSAP**: For animations and motion effects.
- **Shery.js**: For animation sequences.
- **Textillate.js**: For text animations.
## 🚀 Usage
Explore the website to see various animations, scrolling effects, and interactive elements.
The project serves as an example for learning modern web development techniques.