A responsive Twitter-like front-end built using modern web tooling. This project focuses on layout, Tailwind CSS styling, and a fast development experience using Vite.
- Clean, responsive UI inspired by Twitter
- Built with Tailwind CSS for rapid styling
- Fast dev server with Vite
- Small, easy-to-read codebase (HTML/CSS/JS)
The project screenshot above is stored in the imagestw folder. Replace the image if you want a different preview.
- Responsive layout for desktop and mobile
- Reusable Tailwind utility classes
- Ready-to-run dev workflow
- HTML
- CSS
- Tailwind CSS (devDependency: 3.4.17)
- Vite (dependency: 6.0.7)
Versions are taken from package.json — run npm install to get the exact versions used here.
- Install dependencies
npm install- Start development server (hot reload)
npm run dev- Generate Tailwind output (the project already includes
css/output.css)
npm run buildNotes:
npm run buildruns Tailwind in watch mode (seepackage.json). For production builds, adjust the Tailwind CLI flags as needed.
index.html— main pagemain.js— frontend JS entry (if used)css/input.css— Tailwind inputcss/output.css— compiled CSS (ignored by Git ideally)imagestw/— images and screenshots
Feel free to open issues or PRs to improve responsiveness, accessibility, or add components.