SpotLite is a static front-end clone of Spotify, created using only HTML and CSS. It replicates the look and feel of the Spotify web player, focusing on clean design, layout accuracy, and responsive UI components.
While it does not include real music playback or dynamic features (no JavaScript or backend), SpotLite demonstrates how much can be achieved with just HTML and CSS — making it ideal for UI/UX exploration, frontend practice, and pixel-perfect design.
Key Features:
Responsive Layout: Works smoothly across desktop and mobile viewports
Sidebar Navigation: Mimics Spotify's left-side menu with icons and links
Playlist Display: Styled cards or lists showing playlists and albums
Now Playing Bar: Fixed bottom player layout with play/pause icons (static)
Theming: Matches Spotify’s dark aesthetic using custom CSS variables
Tech Stack:
HTML5 for structure
CSS3 for layout, grid, flexbox, and animations
Responsive Design using media queries
Goal: To recreate the visual structure and design of Spotify's web interface using only HTML and CSS, showcasing skills in responsive design, layout techniques, and UI replication without relying on JavaScript or external libraries.
Log in or sign up for Devpost to join the conversation.