A modern, responsive clone of X (formerly Twitter) built with HTML, TailwindCSS, and Vite. This project features a pixel-perfect recreation of the X platform's user interface with dark mode support.
- 🎨 Responsive Design - Works seamlessly on mobile and desktop
- 🌙 Dark Mode by Default
- ⚡ Fast Development with Vite
- 🎯 Pixel-Perfect UI Components
- 📱 Modern Material Icons
- 💅 TailwindCSS for Styling
- Responsive Sidebar Navigation
- Interactive Post Creation Interface
- "What's Happening" Section
- "Who to Follow" Suggestions
- Sticky Search Bar & Headers
- Trending Topics Section
- User Profile Section
- HTML5
- TailwindCSS 3.4.1
- Vite 5.0.11
- Material Symbols Icons
- Clone the repository:
git clone https://github.com/VanshAgrawal52/x-platform-clone.git
cd x-platform-clone- Install dependencies:
npm install- Start the development server:
npm run dev- Build the TailwindCSS:
npm run buildThe development server will start at http://localhost:5173
npm run dev- Starts the Vite development servernpm run build- Builds and watches TailwindCSS changes
├── css/
│ ├── input.css # TailwindCSS directives
│ └── output.css # Compiled CSS
├── index.html # Main HTML file
├── package.json # Project dependencies
└── tailwind.config.js # TailwindCSS configuration
Feel free to contribute to this project by creating issues or submitting pull requests.
This project is licensed under the ISC License.
Vansh Agrawal