A fully responsive UI clone of Airbnb, built using pure HTML, CSS, and few lines of JavaScript for smooth animations. This project focuses entirely on the frontend design, replicating Airbnb’s clean and modern layout — with zero frameworks or libraries involved. It runs seamlessly on all devices — desktop, laptop, tablet, and mobile — without any distortion.
🔗 Live Website: https://airbnb-ui-clone-two.vercel.app/
- HTML5 – semantic structure
- CSS3 – custom styles, animations, responsive layout (Flexbox & Grid)
- JavaScript (Vanilla) – minimal animations and interactivity
Designed with mobile-first principles. Works perfectly on:
- 📱 Mobile
- 💻 Laptop
- 🖥️ Desktop
- 📟 Tablet
- ✅ Clean Airbnb-like UI
- ✅ 100% Responsive across all devices
- ✅ Lightweight and fast
- ✅ Animations using plain JavaScript
- ✅ No frameworks or libraries
To run this project locally, follow these steps:
-
Clone the repository to your local machine:
git clone https://github.com/Krishnajaindev/airbnb-ui-clone.git
-
Navigate into the project directory:
cd airbnb -
Open the
index.htmlfile in your web browser.- You can double-click the file, or
- Right-click → "Open with" → choose your browser
This project is open source under the MIT License.