networkshard
← projectsLive

/projects/shardpet

ShardPet

Pixel Pokémon that wander the bottom of every webpage.

GitHub ↗

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. 011–5 animated sprites from all 649 Gen 1–5 Pokémon
  2. 02Walk / idle / hop state machine, GPU-only translate3d rendering
  3. 03Productivity nag with fullscreen intervention overlay
  4. 04Shadow DOM isolation, per-hostname allow/blocklist
  5. 05Offline after first sprite cache — no network on page load
  6. 06Zero-permission MV3 extension, no data leaves your browser

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