A fully responsive and sleek Netflix India homepage clone, developed using HTML, CSS, and a sprinkle of Vanilla JavaScript. This project mimics the layout, animations, and responsive behavior of the actual Netflix website, especially tailored for users in India.
🔗 Netlify Link: https://streaming-clone-ui.netlify.app
- 📱 Responsive Design – Works on all screen sizes
- 🧠 Hero Section – Email signup form + CTA
- 🔥 Trending Carousel – Top 10 style scrollable cards
- 📦 Feature Grid – Why Netflix section in grid format
- ❓ FAQs Accordion – Toggle-style Q&A section
- 🌐 Language Switcher – Dropdown for multi-language UI
- 🎨 Styled Footer – Link grid, dropdown, and disclaimers
- HTML5
- CSS3 (Flexbox + Grid + Media Queries)
- JavaScript (Vanilla)
No frameworks. No dependencies. Just raw frontend muscle.
- Clone the repository
git clone https://github.com/your-username/netflix-clone-ui.git- Open the folder
cd netflix-clone-ui- Launch the app
- Open
index.htmlin your browser directly, or - Use VS Code + Live Server for local dev
Add UI screenshots here to showcase mobile & desktop views.
📦 netflix-clone-ui
├── 📁 assets
│ ├── 📁 images
├── 📄 index.html
├── 📄 style.css
For hosting on Netlify, use these settings:
- Base Directory: (leave blank)
- Build Command: (leave blank)
- Publish Directory:
.
✅ No frameworks → No build step → Superfast deploys
- Inspired by Netflix India’s UI
- Icons: Font Awesome
- Images: Placeholder Netflix titles for design only
Rohit Kumar Frontend Developer & UI Explorer LinkedIn | GitHub
If you found this project helpful, give it a ⭐ and share the clone with your dev friends 💻❤️
"Practice isn’t the thing you do once you’re good. It’s the thing you do that makes you good." – Malcolm Gladwell
Made by Rohit