2023

Spotify Web

Static recreation of the Spotify web player layout.

What it is

A static recreation of the Spotify web player, built to practise HTML and CSS structure and layout. It has the sidebar (Home, Search, Your Library, Create Playlist), a recently played row and the featured sections. The live version is embedded below.

What it does

Plain HTML and CSS, no framework.
Sidebar navigation, playlist list and recently played cards.
Browse sections for podcasts, charts, genres and moods, new releases and discover.

Status

Static page hosted on GitHub Pages. A layout exercise: it does not play music.

Stack

HTML
CSS

Live preview

andreacassini.github.io/html-css-spotifyweb↗

The page below is the real deployed site, running inside this frame.