🐾 Capibara Pet

A little capybara pet that lives in a panel inside your VS Code editor. It strolls around calmly, runs while you type, gets scared when there are errors, sips its coffee during short breaks, and falls asleep if you leave it alone for a while.
Prefer wings? Pick the Andean condor instead — it soars over the Illimani and La Paz (see below).
Animated with spritesheets on a procedural pixel-art stage — flicker-free and never in the way of your code.
States
The capybara reacts to what you do:
| State |
When it happens |
| 🚶 Walk |
Default — strolling around the panel |
| 🏃 Run |
While you type |
| 🦘 Jump |
When you move to another line |
| 🎉 Celebrate |
When you save a file, start a debug session, commit or push, or a build/test passes |
| 😱 Scared |
When the file has errors, a build/test fails, or Git hits a merge conflict |
| ☕ Coffee |
After a medium pause (~6 s) |
| 😴 Sleep |
After a long pause (~15 s) — with its 💤 |
| 🏊 Swim |
On some breaks it goes for a swim in the lake instead (or run Go for a Swim) — any editor activity brings it back out, dripping |
| 🍉 Eat |
Run Feed the Capybara: a watermelon slice drops in and it munches it (the baby shares) |
Getting started
- Install the extension.
- Open the Explorer (
Ctrl+Shift+E / Cmd+Shift+E). At the bottom you'll find a "Capibara" section — expand it and the pet appears in its little box.
- Want it somewhere else? Just drag the "Capibara" section to another spot — for example into the Secondary Side Bar (
Ctrl+Alt+B) to keep it pinned in a corner. VS Code remembers the position.
Commands
Open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P) and type "Capibara Pet":
| Command |
What it does |
| Capibara Pet: Show the Capybara |
Reveals and focuses the pet's view. |
| Capibara Pet: Pet the Capybara |
Give it some love — it hops with a ❤️. |
| Capibara Pet: Switch Pet (Capybara ↔ Condor) |
Swaps between the capybara and the Andean condor (each with its own habitat). |
| Capibara Pet: Go for a Swim |
Sends it for a dip in the lake (scenery backgrounds only). |
| Capibara Pet: Feed the Capybara |
Drops a slice of watermelon for it to munch. |
| Capibara Pet: Show/Hide the Capybara |
Quickly toggle the pet on or off. |
You can also drag the capybara left/right inside the panel with your mouse.
Settings
Tweak the pet from Settings (Ctrl+, / Cmd+,) → search for "Capibara Pet". Changes apply live.
Pet
| Setting |
Default |
What it does |
capibaraPet.enabled |
true |
Show your pet. Turn it off to hide it without uninstalling. |
capibaraPet.pet |
capybara |
Your pet: the capybara (by the lake) or the Andean condor (over the Illimani). |
capibaraPet.name |
"" |
A name for your pet (shown on hover and in the status bar). |
capibaraPet.size |
84 |
Size in pixels (40–160). 84 is perfectly crisp for both pets. |
capibaraPet.speed |
1 |
Movement speed multiplier (0.25–3): walking for the capybara, flying for the condor. |
capibaraPet.baby |
true |
Its little one: a baby capybara that follows yours around, or the condor's chick in its nest on the rock. |
Scene
| Setting |
Default |
What it does |
capibaraPet.background |
time |
Follow the time of day, always day / sunset / night, day or night by theme, a solid colour, or transparent. |
capibaraPet.weather |
auto |
Automatic (changes every few hours), or always clear, cloudy, rain, storm, fog or snow. |
capibaraPet.seasons |
true |
Seasonal touches and holiday surprises. |
capibaraPet.hemisphere |
auto |
North or south, for the seasons and the moon (auto guesses from your time zone). |
Behaviour
| Setting |
Default |
What it does |
capibaraPet.coffeeAfterSeconds |
6 |
Idle seconds before a break: coffee or a swim for the capybara, sunbathing for the condor. |
capibaraPet.sleepAfterSeconds |
15 |
Idle seconds before it falls asleep. |
capibaraPet.bubbles |
true |
Little speech bubbles (saving, sleeping, petting…). |
capibaraPet.sounds |
false |
Tiny 8-bit sound effects (they start after your first click in the panel). |
capibaraPet.statusBar |
true |
A status bar item (🦫 / 🦅) mirroring its mood, with the weather and season on hover. |
Reactions
| Setting |
Default |
What it does |
capibaraPet.reactToErrors |
true |
Gets scared when the active file has errors. |
capibaraPet.reactToDebug |
true |
Celebrates when a debug session starts. |
capibaraPet.reactToGit |
true |
Celebrates commits and pushes, gets scared by merge conflicts, hops when you switch branch. |
capibaraPet.reactToTasks |
true |
Celebrates passing builds/tests and gets scared by failing ones (tasks, and commands like npm test in the terminal). |
Capybara only
| Setting |
Default |
What it does |
capibaraPet.color |
classic |
Fur colour: classic, chocolate, golden, cream or ash. |
Tip: click anywhere in the panel to pet the capybara — it hops with a ❤️.
The capybara also runs faster the faster you type.
A little pixel-art world
The capybara is true pixel art: every state is drawn on a 42×42 grid with a shared 7-colour palette. Its world is drawn procedurally on the same pixel grid, so it fits any panel size without extra images: hills with trees, a flowery meadow, a dirt path and a lake — the capybara's natural habitat — with the hills reflected in it, reeds, cattails, water lilies, shimmering water and the odd fish ripple.
Day, sunset and night
By default (time) the light follows your local clock and changes by itself:
- Day (7:00–17:30): dithered blue sky, sun, drifting clouds and the odd flock of birds.
- Sunset (17:30–19:30, and dawn 6:00–7:00): purple-orange sky, the sun setting behind the hills, glowing water and the first stars.
- Night: twinkling stars, the moon — in tonight's real phase — glittering on the lake, shooting stars now and then, and blinking fireflies.
You can also pin one with scene, sunset or night.
Weather
The weather changes by itself every few hours (capibaraPet.weather): clear skies, clouds, rain rippling the lake, a storm with lightning behind the hills, morning fog — and in winter, snow with white hills and a frozen lake (no swimming then!).
Seasons and holidays
Seasons follow your hemisphere: spring blossoms and falling petals, autumn trees and falling leaves, duller winter fields. On the right dates there are pumpkins and bats at Halloween, a Santa hat at Christmas and fireworks on New Year's Eve.
A swim in the lake
On some breaks the capybara walks to the water and goes for a swim instead of having its coffee (or run Go for a Swim) — its baby rides on its back. Any editor activity brings it back out, dripping and shaking the water off. The lake has visitors too: a duck family crossing the water now and then, and a turtle sunning on a log (it dives when it rains, or when the capybara swims by).
Family, food and fur
A baby capybara follows it everywhere — trotting behind, napping by its side, hopping when it celebrates and hiding behind it when it's scared. Run Feed the Capybara and a watermelon slice drops in: it munches it bite by bite, and the baby shares.
Pick a fur colour with capibaraPet.color — classic, chocolate, golden, cream or ash — and turn on capibaraPet.sounds for little 8-bit chirps and splashes.
Little details
- Effects: a hard pixel shadow, dust puffs when it walks, runs or lands, confetti and sparkles when it celebrates, a "!" and sweat drops when it gets scared, and a pixel heart when you pet it.
- Hover the 🦫 (or 🦅) status bar item to see the current weather and season.
- The pet moves on the same pixel grid as the scenery. With
prefers-reduced-motion, the scene stays still and the effects are off.
- Sizes that are multiples of 42 (
42, 84, 126) keep every pixel perfectly even.
There are a couple of surprises too: keep it calm for a while in daylight and you may get a visitor 🐦 — and try petting it many times in a row 🍊.
🦅 The Andean condor
Prefer wings? Set capibaraPet.pet to condor (or run Switch Pet). The condor has its own, finer pixel art and lives in its own habitat: the Illimani over La Paz — the snowy three-summit massif, brown foothills and eroded badlands, the city on the slopes (its lights twinkle at night) and the altiplano with paja brava.
It soars in slow circles riding thermals and flaps when you type; on a break it flies to its rock to sunbathe with its wings open and then sleeps there; it spreads its wings when you save or commit, and shoots up into the sky when something fails. It brakes with open wings to land and pushes off to take flight. Drag it anywhere in the sky — or drop it on the ground and watch it hop. At dawn the sun rises behind the Illimani; at dusk the mountain glows pink and gold. Pet it five times in a row for a little surprise 🧶.
The altiplano is alive too: dust devils whirl across it — rising air the condor loves to circle over — llamas with coloured wool tassels wander by, stopping to graze, and a vizcacha peeks out by the rock.
A fluffy grey chick waits in a nest on the rock (capibaraPet.baby): it always looks towards its parent, peeps now and then on its own, peeps and flaps its stubby wings while the condor perches beside it (facing the nest), and sleeps when night falls.
The southern sky: clear nights over the altiplano show the Milky Way and the Southern Cross above the Illimani. And on June 21st, Willkakuti — the Aymara New Year, the return of the sun — the first rays break over the mountain and a wiphala waves on the condor's rock.
Install from the Marketplace
Search for "Capibara Pet" in the Extensions tab of VS Code, or install it from the command line:
code --install-extension JuanCarlosCondori.capibara-pet
Using Cursor, Windsurf, VSCodium or another editor based on Open VSX? It's there too: open-vsx.org/extension/JuanCarlosCondori/capibara-pet.
Notes
- No runtime dependencies and no configuration needed — it just works.
- The pet lives in a webview panel (VS Code does not allow floating overlays on top of the editor), with a transparent background so it blends with your theme.
Development
npm install
npm test # type-check, unit tests and a headless-Chrome smoke test of the webview
Press F5 in VS Code to try the extension in a new window (it needs Node 18 or newer). npm test runs the real webview for both pets in every time of day and weather and fails on any JavaScript error; it needs Chrome, Edge or Chromium (set CHROME_PATH to pick one) and runs on every push in GitHub Actions.
The demo GIFs are recorded from the real webview too: node tools/demo-gif.js (condor) or node tools/demo-gif.js capybara write docs/<pet>.gif. This also needs Python with Pillow (pip install pillow).
Credits
Made with care by Juan Carlos Condori. Pixel-art capybara sprites.
License
MIT. See the LICENSE file included in the package.