Skip to content

AnushkaJagtap22/Spotify-Clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

6 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🎧 Spotify Clone – Web UI (HTML, CSS, Font Awesome)

A pixel-perfect clone of Spotify's web player UI built using HTML5, CSS3, and Font Awesome icons. This is a frontend-only project focused on recreating the modern Spotify user interface β€” no backend or real music functionality.

image


πŸ› οΈ Built With

  • HTML5
  • CSS3 (Flexbox and Grid)
  • Font Awesome 6
  • Google Fonts (Montserrat)

✨ Features

  • 🎡 Sidebar with navigation: Home, Search, Library
  • πŸ“š Playlist and Podcast promotion sections
  • πŸ” Sticky top navbar with back/forward and install app buttons
  • πŸ’½ Multiple music cards: Recently Played, Trending, Featured Charts
  • 🎧 Fully responsive bottom player bar with controls
  • 🎚 Volume, playback bar, and functional icons (UI only)

πŸ–Ό Preview

image


🧩 To-Do / Future Improvements

  • Add JavaScript functionality to music player (play/pause/seek)
  • Add hover animations and transitions
  • Make fully responsive for mobile/tablet
  • Connect to Spotify API (advanced)

πŸ‘©β€πŸ’» Author

Anushka Jagtap

πŸ“œ License This project is licensed under the MIT License - see the LICENSE file for details.

About

A modern responsive Spotify Web UI clone using HTML & CSS

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors