Control Spotify without leaving VS Code

A sleek, modern Spotify controller for Visual Studio Code. Play, pause, skip tracks, adjust volume, like songs, and see what's playing - all without leaving your editor. Keep coding, keep vibing~

Install from Marketplace View on GitHub View on Open VSX
1.0.2
Latest Version
Loading...
Installs
Loading...
Rating
CodeBeats in action

Powerful Features

Everything you need to control your music while coding

▶️

Playback Controls

Play, pause, skip tracks, and control your music with intuitive buttons. All accessible from your VS Code sidebar.

🔀

Shuffle & Repeat

Toggle shuffle mode and cycle through repeat modes (off, track, context) with a single click.

🔊

Volume Control

Adjust volume with a smooth slider, mute/unmute instantly, and see visual feedback for your volume level.

💚

Like Songs

Save tracks to your Liked Songs with animated heart feedback. Never lose track of your favorite tunes.

📱

Device Selection

Switch between all your available Spotify devices instantly. Control any device from VS Code.

🎨

Beautiful UI

Two layout modes: full view and compact view. Glassmorphism styling with smooth animations and Spotify-green accents.

See It In Action

CodeBeats full view

Full View

CodeBeats compact view

Compact View

Installation

Get CodeBeats in just a few clicks

1

VS Code Marketplace

Install directly from the Visual Studio Code Marketplace

Install Now
2

VS Code Extension Panel

Search for "CodeBeats" in the extension panel (Ctrl+Shift+X or Cmd+Shift+X)

3

Quick Open

Use VS Code Quick Open (Ctrl+P or Cmd+P) and paste: ext install aker.codebeats

Quick Setup Guide

Get started in 3 simple steps

1

Create Spotify Developer App

  1. Go to Spotify Developer Dashboard
  2. Log in and click "Create app"
  3. Fill in the form:
    • App name: "CodeBeats" (or any name)
    • App description: "VS Code music controller"
    • Redirect URI: https://127.0.0.1:4567/callback ⚠️ Important!
    • Which API/SDKs: Select "Web API" ✅
  4. Accept terms and click "Save"
  5. Copy your Client ID
2

Configure Client ID

  1. Open VS Code Settings: Cmd+, (Mac) or Ctrl+, (Windows/Linux)
  2. Search for: spotify or codebeats
  3. Find "CodeBeats: Spotify Client Id"
  4. Paste your Client ID
  5. Done! ✅
3

Connect Spotify

  1. Click the music note icon (♪) in the Activity Bar
  2. Click "Connect Spotify"
  3. Browser security warning: Click "Advanced" → "Proceed" (this is safe)
  4. Authorize CodeBeats in your browser
  5. Start playing music! 🎵
Note: Spotify Premium is required for playback control (per Spotify's API rules).