Spotify UI in TailwindCSS and VueJS

Here's how I've used TailwindCSS to rebuild the Spotify Mac app UI.

In time, I will add some behaviour and API interactions using VueJS.

At this stage, everything is in App.vue, so that'd be a good place to start if you're looking for code!

Follow Along

If you'd like to follow along with this project, and receive free access to videos and live streams, check out and sign up at https://spotifly.launchaco.com/

A Vue.js project

Build Setup

# install dependencies
yarn install

# serve with hot reload at localhost:8080
yarn run dev

# build for production with minification
yarn run build

# build for production and view the bundle analyzer report
yarn run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.