████    ███   █   █
       █   █  █   █  ██ ██
       █   █  █   █  █ █ █
       █   █  █   █  █   █
       ████    ███   █   █

████    ███    ████  █████  ████
█   █  █   █  █      █      █   █
████   █████  █      ████   ████
█  █   █   █  █      █      █  █
█   █  █   █   ████  █████  █   █

Your browser tab is a racetrack. You just don't know it yet.

DOM Racer is a Chrome / Edge extension that scans any webpage and turns it into a top-down arcade arena. Links and buttons become coins. Form fields grow weeds. Police show up, a biplane drops gifts from the sky, and the page you were reading is now a hostile little world.

Racing on Google Calendar	Mid-run with pickups
Police chase	Game over

A docs page is a maze of overgrowth. A dashboard is a wide-open track with scattered coins. A landing page is a slippery ice rink full of hero images. You never know what the track will look like until you hit the hotkey.

The longer you survive, the weirder it gets. Power-ups to grab. Police that punish overstaying. A biplane dropping surprises. Grass that grows into bushes and trees, closing off your escape routes. It starts clean. It doesn't stay clean.

Get it on the Chrome Web Store

Or build from source:

npm install
npm run build

1. Open chrome://extensions (or edge://extensions)
2. Enable Developer Mode
3. Click Load unpacked → select the dist/ folder
4. Open any page and press Alt+G (Windows/Linux) or Option+G (Mac)

That's it. You're racing.

You can also toggle the game from the extension popup.

• Every link and button becomes a gold coin — drive through them for score
• Nine power-ups spawn into open space as you play — some help, some hurt, one is a mystery
• Police show up after a while with flashing sirens — outrun them or get busted. Survive enough chases and they send a helicopter
• A propeller biplane crosses the arena dropping bonus pickups, coin trails, or lucky wind
• After 30 seconds, trains may blast through the middle of the screen — dodge them or get flattened (up to 3 per run)
• After ~35s, grass sprouts from obstacles, grows into bushes, then trees — your lanes shrink
• Coin-collection goals appear mid-run — hit them for +20 to +40 bonus points
• Thread the gap near walls or police for a near-miss flash (no score, just style)
• Daily modifiers twist the rules: double coins, faster police, extra specials, or early overgrowth
• Hit Space for a nitro burst — cooldown varies by vehicle

Three vehicles, three feels. Unlocked by hitting lifetime score milestones. Swap mid-game with V.

Active effects show a countdown timer in the top-right HUD panel.

DOM Racer scans your visible page and translates real HTML elements into game geometry:

• Text blocks & form controls → overgrowth anchor surfaces
• Links & buttons → gold coin pickups
• Images, video, canvas → ice surfaces (slippery!)
• Fixed UI near edges → barriers
• Empty space → where specials spawn mid-run

The result is intentionally game-ish, not pixel-perfect. A GitHub Issues page plays nothing like a Wikipedia article, and that's the whole point.

• Try different websites — every page generates a unique track
• The buggy turns fast and recharges nitro quickly — great for tight pages
• The truck has raw speed but turns like a boat — best for open stretches
• Listen for the airplane — follow the propeller drone to the drop
• Watch for the train horn — a yellow flash across the center means get clear fast
• After ~35s, overgrowth closes off routes — plan your lanes early

DOM Racer collects no data and makes no network requests. Zero. None.

All game state — scores, settings, run history — lives locally on your device via chrome.storage.local. No analytics, no telemetry, no tracking, no remote services. The extension needs storage permission for saving your progress and <all_urls> host access because the game runs on whatever page you choose.

src/content/    Page scanning, overlay bootstrapping
src/game/       Game loop, rendering, HUD, audio, sprites
src/shared/     Types, settings, persistence
public/         Manifest, icons, popup
branding/       SVG sources + asset generator

npm run dev          # Watch mode
npm run build        # Production build
npm run test         # Smoke tests
npm run lint:fix     # Lint + auto-fix
npm run format       # Prettier
npm run package      # Build + Chrome Web Store ZIP

Built with TypeScript, Vite, Canvas 2D, and Web Audio API. No frameworks, no dependencies at runtime — just a content script and a canvas.

DOM Racer is a solo indie project. If it made you smile, consider buying me a coffee ☕

MIT — see LICENSE.