2
Vizquo — an open-source browser extension for inspecting live webpages (built because DevTools + screenshots + asset tools felt scattered)
I kept switching between DevTools, screenshots, and asset extractors just to answer simple questions about a webpage — what font is this, what's the real spacing, which CSS rule is actually controlling this shadow, what breaks at 390px.
The answers were always findable. They were just scattered across five different tools.
So I built Vizquo — an open-source browser extension for designers, frontend devs, and design engineers, that brings that workflow into one place:
- Inspect — elements and computed CSS/cascade
- Discover — the design system underneath a page: colors, type, spacing, radius, shadows, CSS variables
- Extract — images, SVGs, fonts, video
- Analyze — responsive behavior, breakpoints, accessibility, consistency
- Experiment — live, temporary CSS edits
- Build — export findings, generate usable output
The part I care about most: Vizquo labels its own confidence on everything it reports.
- Detected — directly observed
- Derived — calculated from what was observed
- Inferred — pattern-based guess
- AI-generated — generated by AI
I didn't want a tool that shows you a guess with the same confidence as a fact.
It's local-first — inspections stay on your machine, no browsing-history collection, no unrelated tracking. AI features are optional and consent-gated; core functionality doesn't need any cloud AI.
Stack: WXT, SolidJS, UnoCSS, Dexie.js, three-tier local caching.
It's fully open source and still early. If you're a designer or frontend dev, I'd genuinely love for you to try it, break it, and tell me what's missing.
Try it → https://webdclassified.github.io/vizquo/landing
Source → https://github.com/WebDclassified/vizquo
Add a comment
0/2000