VibeSyntax

Make your IDE react to music and coding activity in real-time.

VibeSyntax is a free VS Code extension that brings your editor to life — beat-synced visualizers, typing particles, coding gamification, and more.

Requirements

• Windows 10 or later
• Node.js installed (for audio capture)

Features

Live Audio Reactive

VibeSyntax captures your system audio (Spotify, YouTube, anything playing on your speakers) — no microphone needed.

• Frequency bars in the code editor that move with the music
• Sidebar visualizer with animated bar chart
• Beat detection with auto-BPM
• Silence detection — no effects when no music is playing

Theme Palettes

Three reactive theme palettes that color your editor:

• Synthwave — neon pink, cyan, purple
• Lo-fi — warm pastels, calm earth tones
• Dark Energy — intense red, orange, deep black

Typing Particles

Colored particle effects spawn at your cursor when you type:

• Explosion — burst of particles
• Sparkle — twinkling stars

IDE Event Reactions

Your editor reacts to coding events:

• File save — brief green flash
• Git commit — golden celebration flash
• Test pass — green celebration
• Test fail — red pulse
• Error appears — subtle red warning
• Terminal error — red flash
• Idle 2+ minutes — gentle breathing animation

Gamification

Level up as you code:

• XP system — earn XP for typing, saving, committing, testing, fixing errors, coding time
• Levels 1-100 — quadratic XP curve with level-up notifications
• Daily streak — track consecutive coding days with streak freeze
• 50+ achievements — across typing, time, milestones, music, streaks, and special categories
• Daily Recap — full stats dashboard with GitHub-style contribution grid and animated charts

Quick Start

1. Install the extension
2. Click "Start Audio" in the status bar
3. Play music on your laptop
4. Code and watch the magic

Status Bar

Keyboard Shortcuts

Commands

Open command palette (Ctrl+Shift+P) and search:

• VibeSyntax: Toggle On/Off
• VibeSyntax: Start Audio Capture
• VibeSyntax: Stop Audio Capture
• VibeSyntax: Select Theme Palette
• VibeSyntax: Toggle Typing Particles
• VibeSyntax: Show Daily Recap
• VibeSyntax: Show Achievements
• VibeSyntax: Show Visualizer

Settings

All features are toggleable in VS Code settings (vibeSyntax.*):

• vibeSyntax.enabled — master toggle
• vibeSyntax.palette — theme palette (synthwave, lofi, darkEnergy)
• vibeSyntax.particlesEnabled — typing particles
• vibeSyntax.particleEffect — explosion or sparkle
• vibeSyntax.particleIntensity — particle count (0.1-1.0)
• vibeSyntax.fpsLimit — animation FPS cap (15-60)
• vibeSyntax.eventReactions — IDE event reactions
• vibeSyntax.saveFlash — green flash on save
• vibeSyntax.commitCelebration — golden flash on commit
• vibeSyntax.testReactions — test pass/fail reactions
• vibeSyntax.errorPulse — red pulse on errors
• vibeSyntax.idleBreathing — breathing animation when idle
• vibeSyntax.audioSensitivity — audio input sensitivity
• vibeSyntax.beatThreshold — beat detection threshold
• vibeSyntax.noiseGate — noise gate level

License

All rights reserved. This extension is free to use but the source code is proprietary.