Overview
Your VS Code Pets brings interactive animated companions into your development workflow. Designed with vector graphics, productivity timers, and subtle gamification, it provides a delightful way to stay focused and track coding sessions without disrupting your workspace.
Highlights
Vector Art Engine
Crisp, resolution-independent SVG pets with smooth animations for idle states, running, and interactions. Toggle between high-definition vector graphics and classic rendering modes.
A persistent, lightweight companion panel directly inside your Activity Bar and Explorer views. Interact, inspect stats, and manage pets without leaving your editor.
Focus Mode & Productivity Timers
Integrated Pomodoro-style focus intervals with customizable work and break durations. Your pet studies alongside you and awards experience points for completed sessions.
Progression & Interaction
Earn XP as you write code, unlock levels, feed treats, and perform tricks. Fully configurable with custom palettes, animation speeds, and optional 8-bit sound effects.
Getting Started
- Install Your VS Code Pets from the Visual Studio Marketplace.
- Open the Pets panel from the Activity Bar icon on the left.
- Use the Command Palette (
Ctrl+Shift+P / Cmd+Shift+P) to trigger actions or run your pet across the screen.
Commands
| Command |
Identifier |
Description |
| Focus Pet Sidebar |
vscodePets.focusPetView |
Opens and focuses the dedicated pet sidebar |
| Run Pet |
vscodePets.runPet |
Triggers the pet animation across the editor |
| Start Focus Mode |
vscodePets.startFocusTimer |
Initiates a Pomodoro focus timer |
| Stop Focus Mode |
vscodePets.stopFocusTimer |
Halts or resets the active focus timer |
| Perform Pet Trick |
vscodePets.doTrick |
Executes a special pet trick animation |
| Feed Pet |
vscodePets.feedPet |
Feeds your companion to restore energy |
| Manage Pets |
vscodePets.managePets |
Manage, customize, or select your active pet |
| Pet Status |
vscodePets.petStatus |
Displays the current dashboard and status metrics |
Configuration
Adjust settings under Settings (Ctrl+, / Cmd+,) by searching for VSCode Pets:
{
// Render engine: "svg" for vector art or "emoji" for classic glyphs
"vscodePets.renderMode": "svg",
// Selected companion (e.g. "cat", "dog", "dragon", "fox", "robot")
"vscodePets.favoritePet": "cat",
// Custom primary hex color for SVG pets (e.g. "#4A90E2")
"vscodePets.petColor": "",
// Display size: "small", "normal", or "large"
"vscodePets.petSize": "normal",
// Animation traverse speed in milliseconds (2000 - 15000)
"vscodePets.animationSpeed": 5000,
// Duration of focus sessions in minutes
"vscodePets.focusDuration": 25,
// Enable subtle retro sound effects
"vscodePets.enableSounds": true
}
Feedback & Contributions
- Report issues and request features on GitHub Issues.
- If you find this extension helpful, consider leaving a review on the Marketplace.
A product from bluebuff.in • Released under the MIT License
