Skip to content

Spotify UI clone : A CSS-focused project to demonstrate layout, responsiveness, and styling.

Notifications You must be signed in to change notification settings

apoorvdarshan/spotify-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

6 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🎡 Spotify Clone - HTML & CSS Only

A pixel-perfect frontend clone of Spotify, built using pure HTML and CSS. This project was created as a major portfolio piece to showcase my proficiency in responsive layouts, modern CSS styling techniques, and attention to design detail β€” all without using JavaScript.


πŸš€ Features

  • 🎧 Fully static UI inspired by Spotify
  • πŸ“± Responsive layout
  • 🎨 Custom styling with Flexbox, and advanced CSS
  • 🧩 Component-based file structure using semantic HTML
  • ❌ No JavaScript β€” CSS-only animations and interactivity

πŸ“‚ Project Structure


πŸ› οΈ Technologies Used

  • HTML5
  • CSS3
  • Flexbox
  • Media Queries
  • Custom Fonts & Icons

πŸ“Έ Preview

spotify-clone-preview


πŸ’‘ Purpose

This project serves as a CSS skills showcase, replicating a real-world product interface (Spotify) with:

  • Precision in layout & spacing
  • Mobile-first responsive design
  • Clean, maintainable code structure
  • Added a liked button <3

πŸ“¬ Contact

Have feedback or want to collaborate? Feel free to reach out:


🌟 If you find this useful, give it a ⭐ and share!

About

Spotify UI clone : A CSS-focused project to demonstrate layout, responsiveness, and styling.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published