# 🐦 X (Twitter) UI Clone

A responsive **UI clone of X (formerly Twitter)** built using **HTML** and **Tailwind CSS**.

This project replicates the layout and design of the official X platform, including its core UI components such as the sidebar, tweet feed, trends section, and profile view.

---

## ✨ Features

- Fully responsive layout
- Clean and modern design inspired by Twitter/X
- Built with utility-first CSS (Tailwind CSS)
- Static UI only – no JavaScript logic or backend

---

## 🛠️ Tech Stack

- **HTML5**
- **Tailwind CSS**

---

## 📸 Screenshots

---

## 🚀 Getting Started

1. Clone the repository:
   
   ```
   git clone https://github.com/your-username/x-clone.git
   ```
2. Open `index.html` in your browser

---

## 📌 Future Scope

- Add interactivity with JavaScript
- Integrate with backend (Node.js + MongoDB)
- Add login/signup, posting tweets, likes, and comments functionality

---

## 🙋‍♂️ Author

**Tarun Gautam**

- LinkedIn: [www.linkedin.com/in/tarun-gautam915](http://www.linkedin.com/in/tarun-gautam915)
- GitHub: [https://github.com/Tarun-Gautam-915](/content/Tarun-Gautam-915/index.html)

---

## 📄 License

This project is for educational/demo purposes only and is not affiliated with or endorsed by Twitter/X.

---

## About

A responsive UI clone of X (formerly Twitter) built using HTML and Tailwind CSS. Designed to replicate the modern layout and components of Twitter, including the sidebar, feed, and profile sections. Pure frontend implementation with a focus on responsive design and layout structuring.

### Topics

[html](/content/topics/html "Topic: html"/index.html) [beginner-friendly](/content/topics/beginner-friendly "Topic: beginner-friendly"/index.html) [responsive-design](/content/topics/responsive-design "Topic: responsive-design"/index.html) [static-website](/content/topics/static-website "Topic: static-website"/index.html) [css-layout](/content/topics/css-layout "Topic: css-layout"/index.html) [twitter-clone](/content/topics/twitter-clone "Topic: twitter-clone"/index.html) [tailwindcss](/content/topics/tailwindcss "Topic: tailwindcss"/index.html) [ui-clone](/content/topics/ui-clone "Topic: ui-clone"/index.html) [frontend-project](/content/topics/frontend-project "Topic: frontend-project"/index.html) [x-clone](/content/topics/x-clone "Topic: x-clone"/index.html)

### Resources

[Readme](/content/Tarun-Gautam-915/my-X-clone#readme-ov-file/index.html)