Skip to content

A responsive front-end clone of the Netflix landing page, built using HTML and CSS. This project replicates the basic look and feel of Netflix's homepage, including layout, fonts, and styling.

Notifications You must be signed in to change notification settings

Sami21234/NetflixUI_Clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎬 Netflix Clone (HTML, CSS & JavaScript)

A responsive front-end Netflix clone built with HTML, CSS, and JavaScript. This project mimics the look and feel of Netflix's home page with interactive elements, responsive design, and smooth UI.

🚀 Features

  • 🎥 Netflix-style homepage layout
  • 📱 Fully responsive design for mobile, tablet, and desktop
  • 🧭 Navbar with Netflix logo and avatar
  • 🎞️ Hero banner with dynamic background
  • 🗂️ Movie/TV rows with scrollable thumbnails
  • 🎯 Hover effects and smooth transitions
  • 🔁 Autoplay banner slider (using JavaScript)
  • 🌓 Dark UI theme similar to the original Netflix

📸 Preview

FrontPage

netflix front page

Responsivness

netflix1

Video

compressnetflixvideo.mp4

🛠️ Tech Stack

  • HTML5 – Markup structure
  • CSS3 – Styling and layout (Flexbox, Grid, media queries)
  • JavaScript (Vanilla) – Interactions and slider functionality

About

A responsive front-end clone of the Netflix landing page, built using HTML and CSS. This project replicates the basic look and feel of Netflix's homepage, including layout, fonts, and styling.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published