Spotify Clone
A pixel-accurate frontend clone of the Spotify web player — sidebar, album cards, playlist layout, and the bottom player bar.
Built by Sandeep Prajapati
HTMLCSSJavaScriptVercel
← Projects→→→
Overview
A pixel-accurate front-end clone of the Spotify web player — recreating its signature layout and visual language using only HTML, CSS, and JavaScript. A focused exercise in matching a polished, real-world UI exactly.
What I Built
- Sidebar with navigation and playlist library
- Album/playlist cards in a responsive grid
- Playlist layout matching Spotify's spacing and typography
- Bottom player bar with playback controls and track info
- Careful attention to spacing, colors, and hover states to match the real product
Tech Stack
Frontend: HTML, CSS, JavaScript
Deploy: Vercel
Why It Matters
Cloning a production-grade UI pixel-for-pixel sharpens the eye for detail — spacing, hierarchy, and responsive behavior — that separates a rough layout from a polished one.
Related projects
Spiritual Browser Galaxy Theme Extension
A Chrome extension replacing the new tab with a spiritual, distraction-free galaxy experience — zero backend, zero tracking.
Tic-Tac-Toe AI
Web-based Tic-Tac-Toe with an unbeatable AI opponent powered by the Minimax Algorithm with Alpha-Beta Pruning.
Indian Culture Website
A visually rich informational website celebrating Indian culture — art, traditions, festivals, cuisine, and regional heritage.