Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/priyanshjain9414/spotify-clone

A simplified clone of the Spotify web interface, created using only HTML and CSS
https://github.com/priyanshjain9414/spotify-clone

css-flexbox css-grid css3 html5

Last synced: about 2 months ago
JSON representation

A simplified clone of the Spotify web interface, created using only HTML and CSS

Awesome Lists containing this project

README

        

# Spotify Clone

A simplified clone of the Spotify web interface, created using only HTML and CSS.

## Features

- **Static Layout**: A non-functional, static version of Spotify's user interface.
- **Responsive Design**: The layout adjusts to different screen sizes for better viewing on desktop and mobile devices.
- **Modern Styling**: Uses CSS3 for styling, including Flexbox and Grid for layout structuring.
- **Music Player UI**: Mimics the look of Spotify's player, including controls, album art, and track information (static, non-functional).
- **Dark Theme**: Styled to match Spotify's signature dark theme for a familiar user experience.

## Screenshots

### Home Page
(![Capture2](https://github.com/user-attachments/assets/ed9cd7fd-2f53-4018-acd2-d5395c2a63ee)
)

## Technologies Used

- **HTML5**: For page structure and layout.
- **CSS3**: For styling, including layout with Flexbox and Grid, and custom styling for dark mode.

## Getting Started

1. **Clone the repository**:
```bash
git clone https://github.com/priyanshjain9414/spotify-clone.git

## Contributing

Contributions are welcome! If you'd like to improve this project, feel free to fork the repository and submit a pull request.