breakhoundFind the exact width where your layout breaks

Every page of your app, every width from 320 to 1920px, in a real browser. The pixel where it breaks, why, and a fix for your coding agent.

Get started

Chrome extension

GitHub

In your terminal

One command scans every route of your Next.js, Nuxt, SvelteKit, Astro, Remix, Vite, Vue or Angular app: npx @seybel/breakhound

In Chrome

Right-click any page and choose Scan with breakhound, or open its tab in Chrome DevTools. A timeline of every width, and each issue shown where it's worst.

With your coding agent

Claude Code, Cursor, VS Code, Antigravity, Windsurf or Codex fix the issues, verify each fix at every width, and undo it if it's wrong.

The breakhound extension scanning a small site in Chrome, then showing each issue at the width where it is worst

bash

npx @seybel/breakhound

Run it in your project folder. No config: it finds your framework, your dev server and every route, and starts the server if it isn't running.