Urban Garden Co – Animated Website with Scroll & Hover Effects | HTML CSS GSAP Project

🌿 Welcome to Approx Coding!
In this video, I’ve created a fully animated and visually stunning Urban Garden Co website using HTML, CSS, and GSAP. This project includes scroll-triggered animations, smooth transitions, and unique hover effects that enhance the modern aesthetic of the website. It’s perfect for anyone looking to learn how to build animated websites with a clean, nature-inspired design.

⚙️ What You’ll Learn in This Video:

Adding beautiful animations using GSAP

Implementing ScrollTrigger to trigger animations while scrolling

Designing smooth hover effects for images, buttons, and sections

Building a website that stands out with subtle animations and a professional look

💾 Source Code:
Download the full source code of the Urban Garden Co animated website here:
👉https://drive.google.com/drive/folder...

📌 Technologies Used:

HTML

CSS

GSAP (GreenSock Animation Platform)

ScrollTrigger (GSAP Plugin)

✅ Whether you're a beginner or an intermediate web developer, this project will help you understand how to build interactive websites with engaging UI and animations that feel alive.

👨‍💻 Subscribe for More Projects:
If you enjoy this kind of creative web development content, make sure to like, comment, and subscribe to the channel. I’ll be uploading more cool animated projects using HTML, CSS, JavaScript, and GSAP!

🔔 Turn on notifications so you don’t miss the next amazing tutorial.

#GSAP #AnimatedWebsite #HTMLCSS #ScrollTrigger #frontenddevelopment