Skip to content

This is a Spotify-inspired music player web UI built using HTML, CSS, and Font Awesome. It replicates core layout elements like sidebar, playlists, player controls, and a responsive design.

Notifications You must be signed in to change notification settings

Charul192/Spotify-Clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Spotify Clone - Web Music Player 🎵

A visually stunning Spotify-inspired web music player UI built using HTML, CSS, and Font Awesome. This project mimics Spotify's sleek layout with a sidebar, playlist cards, and an interactive music player bar.

🚀 Features

  • Sidebar navigation (Home, Search, Library)
  • Recently played and featured cards
  • Sticky navigation with login and install options
  • Responsive layout for different screen sizes
  • Bottom music player with controls and progress bar

🛠️ Built With

  • HTML5
  • CSS3
  • Font Awesome Icons

📁 Folder Structure

📁 project-folder/ ├── index.html 
                   ├── style.css 
                   ├── assests/ 
                   │ ├── logo.png 
                   │ ├── Divine.png 
                   │ ├── Wishlist.png 
                   │ └── ... other images

📷 Preview

Preview Screenshot

image

📌 Notes

  • This is a front-end only project; functionality like actual music playback is not implemented.
  • Designed to be a beginner-friendly HTML/CSS practice project.

💡 Future Enhancements

  • Add JavaScript to control playback
  • Include user login and playlist saving features
  • Integrate Spotify API

👩‍💻 Author

  • Made with ❤️ by Charul192
  • Feel free to connect or contribute!

About

This is a Spotify-inspired music player web UI built using HTML, CSS, and Font Awesome. It replicates core layout elements like sidebar, playlists, player controls, and a responsive design.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published