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 follow your VS Code color theme.
🖥ī¸ 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).
🔑 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.
Open the Explorer view in the sidebar â you'll find a Shuri Lyrics panel there. Keep it visible and lyrics stay in sync with your Spotify playback automatically.
Important: set the Redirect URI for your app to: http://127.0.0.1:<port>/callback (default: 5566).
You can change the port in settings (shuri.port) or via the command Set Spotify OAuth Callback Port.
Open the Explorer sidebar and expand the Shuri Lyrics panel.
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 Shuri (shuri.lyrics) â open synced lyrics in a side-by-side editor panel, as an alternative to the Explorer view.
Logout from Shuri (shuri.logout) â clear session and re-auth when needed.
Set Tracks Cache Max Size (shuri.tracksCacheMaxSize) â configure the maximum number of tracks cached for lyrics.
Set Spotify OAuth Callback Port (shuri.port) â set the local callback port used for Spotify OAuth.
Toggle Song Title (shuri.songTitle) â toggle the song title in the lyrics panel.
Toggle Song Icon (shuri.songIcon) â toggle the song icon in the lyrics panel.
Toggle Song Artists (shuri.songArtists) â toggle the song artists in the lyrics panel.
