🐦 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
Clone the repository:
git clone https://github.com/your-username/x-clone.gitOpen
index.htmlin 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
- GitHub: https://github.com/Tarun-Gautam-915
📄 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)