🌐 Live Demo: https://omkarkumbhar47.github.io/Obys-Agency-Clone/
📂 Repository: https://github.com/omkarkumbhar47/Obys-Agency-Clone
👨💻 Author: Omkar Kumbhar
A front-end animation-focused clone of the Obys Agency website built to master modern web animation techniques, smooth scrolling systems, and high-end interactive UI effects.
This project focuses on recreating the visual experience of a premium agency website while learning real-world animation patterns used in modern landing pages.
High-quality agency websites rely heavily on motion design, scroll-based storytelling, and interactive transitions.
This project was built to:
- Understand animation-driven UI development
- Practice smooth scrolling systems
- Recreate complex layouts from real-world designs
- Learn animation library integration
- Improve frontend creativity and attention to detail
- Smooth scrolling using Locomotive Scroll
- Scroll-triggered animations
- Interactive UI transitions
- Text reveal effects
- Modern agency-style layout
- Responsive design
Frontend
- HTML5
- CSS3
Animation & Interaction
- Locomotive Scroll
- Shery.js
UI
- Remix Icons
Obys-Agency-Clone/
│
├── assets/
├── fonts/
├── index.html
├── style.css
├── script.js
└── README.md
- Implementing smooth scroll behavior using Locomotive Scroll
- Creating scroll-based animation triggers
- Structuring animation-heavy landing pages
- Enhancing UI using motion and transitions
- Recreating real-world website layouts for practice
git clone https://github.com/omkarkumbhar47/Obys-Agency-Clone.git
cd Obys-Agency-CloneSimply open:
index.html
in your browser.
Hosted using GitHub Pages: https://omkarkumbhar47.github.io/Obys-Agency-Clone/
This project is a visual clone created strictly for learning and educational purposes.
All design inspiration and credits belong to the original Obys Agency team.
Omkar Kumbhar Full Stack Developer | MERN | React | UI Animation Enthusiast
Portfolio: https://v2-portfolio-navy.vercel.app/