HTML & Creative UI2024Frontend Developer
YouTube Video Platform UI Clone
Pixel-accurate YouTube interface with collapsible sidebar, video grid, and responsive preview states.
5 BreakpointsGrid Responsiveness
< 500DOM Nodes Optimized
18 KBCSS File Size
Project Overview & Mission
A responsive YouTube-inspired website clone built using HTML, CSS, and JavaScript. Features a fixed navbar with search bar, sidebar navigation, video grid layout, hover preview effects, and a responsive design similar to YouTube's modern interface.
Key Architectural Highlights
Collapsible Drawer Sidebar: Responsive navigation drawer adapting between full, mini, and hidden states.
Adaptive Video Grid: Auto-filling responsive grid columns adjusting seamlessly from 1 to 5 columns based on screen width.
Interactive Card Previews: Simulated video thumbnail hover interactions with title metadata tooltips.
Project Details
My RoleFrontend Developer
CategoryHTML & Creative UI
Timeline2024
Live Domainyt-clone.vercel.app
RepositoryUditkrpathak/YT_clone
Technologies & Libraries
HTML5CSS3JavaScriptResponsive DesignVideo Platform UI
Interested in building scalable systems or collaborating?
Let's build production-grade web applications together.