Live
← all projects
ShardPet
Pixel Pokémon that wander the bottom of every webpage.
About
Chromium MV3 extension that drops 1–3 animated Gen 5 Pokémon onto every page, with a per-hostname productivity nag that triggers a fullscreen "get back to work" overlay. Shadow-DOM isolated, GPU-only animation, offline after first sprite cache.
Features
1–5 animated sprites from all 649 Gen 1–5 Pokémon
Walk / idle / hop state machine, GPU-only translate3d rendering
Productivity nag with fullscreen intervention overlay
Shadow DOM isolation, per-hostname allow/blocklist
Offline after first sprite cache — no network on page load
Zero-permission MV3 extension, no data leaves your browser
Tech Stack
TypeScript Vite Vitest Chrome MV3 Shadow DOM
Sprite State Machine
idle
→
walk
→
hop
→
idle
GPU-only translate3d rendering · Shadow DOM isolated · 60 fps even on heavy pages