GoogleChromeLabs/ProjectVisBug
FireBug for designers › Edit any webpage, in any state https://a.nerdy.dev/gimme-visbug observed · 2026-08-28
Health v2 · maintenance only
66/100
- Activity 95
- Release rhythm 8
- Longevity 100
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 2996
- days_rel: n/a
- days_push: 31
- n_releases_24m: 0
Adoption not part of the score
5769 stars · 330 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
VisBug is an open-source browser extension that brings design-tool interactions to any live webpage, letting designers point, click, multi-select, and edit text, styles, images, and layouts directly in the browser. It works across Chrome, Firefox, Safari, and Edge, enabling in-place design tweaks, hover inspection of styles and accessibility, and simulation of states like latency, media queries, and screen sizes.
Use cases
- edit any webpage visually in the browser
- inspect styles and accessibility by hovering elements
- nitpick layouts and content at any device size
- test design ideas on production pages without waiting for developers
- simulate latency, translation, media queries, and screen sizes while designing
- traverse the DOM like layers in Sketch or Figma
When to choose
- you are a designer or content creator who wants to tweak real pages in their end state
- you want to evaluate accessibility, responsiveness, and edge cases visually on live sites
- you want a complement to Figma or Sketch for working directly in the browser
When to avoid
- you need a tool to design from scratch or prototype interactions
- you need a design system enforcer or authoring tool like Figma
- you need production code changes rather than in-browser visual edits
Facets
plugin · maturity active
developer-tools editor ui-components accessibility web-development web-design frontend developer-tools browser-extensions browser browser-extension cross-platform design-tools wysiwyg inspector css-editing design-debugging chrome-extension firefox-extension safari-extension
1 source
- readme: https://github.com/GoogleChromeLabs/ProjectVisBug · fetched 2026-08-28 · ca537b68633d
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| GoogleChromeLabs/ProjectVisBug | main | 66 |
For agents
markdown · JSON · MCP: product_card(name="GoogleChromeLabs/ProjectVisBug")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem