See synchronized Spotify lyrics inside VS Code while coding.
[!WARNING]
Due to Spotify API changes in February 2026, Spotify Premium is now required to use this extension. Starting from February 11, 2026, Spotify requires Premium for app owners using Development Mode. Sorry for the inconvenience.
⨠Features
📌 Live lyrics sync with your Spotify playback.
🎨 Lyrics colors auto-themed from album cover (via colorthief).
🖥ī¸ Smooth side panel view â code on the left, lyrics on the right.
🖱ī¸ Click-to-seek â click on any lyric line to jump to that moment in the track (like Spotify app).
📱 Mobile mode â black unplayed lines, white played lines (like Spotify mobile app).
🔑 Simple one-time login using your own Spotify Client ID.
🚪 Quick logout command to reset session.
⥠Set a maximum tracks cache size for lyrics syncing.
Important: set the Redirect URI for your app to: http://127.0.0.1:<port>/callback (default: 8000).
You can change the port in settings (spotilyrics.port) or via the command Set Spotify OAuth Callback Port.
Run the Show Spotify Lyrics via Spotilyrics command.
Paste your Client ID in the panel and log in.
Enjoy synced lyrics while coding! 🎶
âšī¸ Why? â To respect Spotify API rate limits, you need your own ID.
â¨ī¸ Commands
Show Spotify Lyrics via Spotilyrics (spotilyrics.lyrics) â open synced lyrics panel.
Logout from Spotilyrics (spotilyrics.logout) â clear session and re-auth when needed.
Set Tracks Cache Max Size (spotilyrics.tracksCacheMaxSize) â configure the maximum number of tracks cached for lyrics.
Set Spotify OAuth Callback Port (spotilyrics.port) â set the local callback port used for Spotify OAuth.
Toggle Mobile Mode (spotilyrics.mobileMode) â switch between normal and mobile mode.
Toggle Song Title (spotilyrics.songTitle) â toggle the song title in the lyrics panel.
Toggle Song Icon (spotilyrics.songIcon) â toggle the song icon in the lyrics panel.
Toggle Song Artists (spotilyrics.songArtists) â toggle the song artists in the lyrics panel.
