Grid Scroll Animations - Demo 3 Clone

This project is a clone of Demo 3 from Grid Scroll Animations, featuring a photo gallery with animated transitions using Lenis and Tailwind CSS. The gallery provides a visually appealing way to showcase photos with smooth scroll animations.

---

✨ Features

• Smooth Scrolling Animations: Powered by Lenis for a seamless scrolling experience.
• Responsive Design: Built with Tailwind CSS to ensure responsiveness across devices.
• Photo Gallery Layout: Displays images in an animated grid layout.
• Easy Integration: Uses CDN links for quick setup.

---

🛠️ Tech Stack

• Lenis CDN: For scroll animation.
• Tailwind CSS CDN: For utility-first CSS styling.

---

🚀 How to Use

1. Clone the Repository

git clone https://github.com/your-username/Grid-Scroll-Animations-Demo-3-Clone.git
cd Grid-Scroll-Animations-Demo-3-Clone
📂 Project Structure
bash
Copy code
Grid-Scroll-Animations-Demo-3-Clone/
├── index.html


📖 Usage Instructions
Add Photos:

Replace the placeholder images in the index.html file with your own photos.

Modify Styles:

Use Tailwind classes directly in the index.html file to customize the layout or styling.
Adjust Animations:

Modify Lenis settings in the script tag to customize scrolling behavior.


🔗 CDN Links Used
Lenis
html
Copy code
<script src="https://cdn.jsdelivr.net/npm/@studio-freight/lenis"></script>
Tailwind CSS
html
Copy code
<script src="https://cdn.tailwindcss.com"></script>

💡 Customization
Change Animation Settings: Explore the Lenis Documentation to tweak scroll behavior.
Style Updates: Refer to the Tailwind CSS Docs to modify the design.
🤝 Contributing
Feel free to fork the repository and make changes. Contributions are welcome!

📄 License
This project is open source and available under the MIT License.

📬 Contact
If you have any questions or feedback, feel free to reach out:

GitHub: TheFreeLancer-Arjun
Email: [email protected]