Instagram UI Clone

This project is a frontend clone of Instagram’s UI, built using HTML, CSS, and JavaScript.
It replicates Instagram’s stories, posts, like animation, and media handling (images & videos).

---

Preview

---

Features

• Responsive Card Layout (Instagram-like post container)
• Stories Section with:
• Circular profile DP
• Click to view images & videos
• Smooth open/close animations
• Video Story Player with:
• Play/Pause & Volume toggle
• Auto loop
• Like System:
• Single click on heart icon
• Double tap on post image
• Animated large heart effect
• Close Button for exiting story mode

---

Tech Stack

• HTML5 – Structure
• CSS3 – Styling & responsiveness
• JavaScript (Vanilla JS) – Functionality & interactivity
• RemixIcon – Icons
• Google Fonts (Poppins) – Typography

---

Project Structure

 instagram-ui-clone
 ┣  index.html
 ┣  style.css
 ┣  script.js
 ┣  assets
     ┣  images
     ┗  videos

---

Made with by Manish