VizquoSee beyond the
surface.
Vizquo turns any live webpage into a visual blueprint — revealing its CSS, assets, design tokens, responsive behavior, and reusable patterns, directly in your browser.
Free · Local-first · Built for designers & developers
Product proof
A webpage is more than what you can see.
Vizquo exposes the structure behind the interface — one scan reads a live page the way a design tool would, and reports exactly what it observed with honest confidence labels.
Scans are bounded (up to 4,000 sampled elements) and always marked when truncated — Vizquo never claims it analyzed what it didn't.
How it works
One inspection session, three moves
Watch Vizquo solve the problem: point at it, understand how it is built, take what you need.
Inspect
Point at it.
Hover any element. Vizquo frames it, measures it, and shows its computed styles, box, and source.
Understand
See how it is built.
CSS rules, typography, colors, spacing, variables — and the DOM path behind them.
Extract
Take what you need.
Images, SVG, icons, fonts, video, Lottie — classified, deduplicated, and downloadable.
Inspect
Point at anything. Understand everything.
Every element answers with its measurements, typography, colors, spacing, CSS rules, and where they came from.
Build things people love
Designed for teams who care about the details.
Get startedVisual DNA
Discover the visual DNA of any interface
The patterns are already there. Vizquo finds them — and tells you whether each value was observed, derived, or inferred.
Turn a page into a design system
One scan extracts colors, type, spacing, radius, shadows, and recurring component patterns — then shows you exactly what it observed.
Copy the system, not the pixels
Every value becomes a named token — color, type, space, radius, shadow — ready for your own design system.
Understand why two buttons look different
Select one element, and Vizquo finds every similar component on the page — highlighting near-duplicates and the exact style deltas between them.
From interface to implementation
Selected element → React, CSS, or design tokens. Generated code is never executed by Vizquo.
.btn-primary { color: #fff; background: #3E8E67; radius: 10px; }
Assets
Every visual asset. One place.
Images, SVG, icons, fonts, video, Lottie — classified by type with sources and dimensions. Failures are listed, never silently dropped.
Find every visual asset in seconds
Hover an asset for extraction, copy its URL, or download the whole set — deduplicated, with real dimensions and sources.
Responsive · Analyze
See the interface across every breakpoint
Vizquo reads how the layout, typography, and containers respond — then points out what needs attention.
See how the interface changes
Breakpoints and container queries detected per element — with honest overflow findings.
Find the details that need attention
Consistency, accessibility, performance, responsive, and asset health — heuristic scores, never presented as objective truth.
Power workflow
From inspection to implementation
Edit live, compare, capture, and generate — an instrument for experimentation, never permanent mutation.
Change it. Compare it. Undo it.
Temporary style edits that reset on reload — an instrument for experimentation, not mutation.
Capture the interface exactly as you see it
Viewport, full-page, element, or selection captures — with exact scroll restoration.
Optional AI
Need an explanation? Ask Vizquo.
Core inspection works entirely without AI. Enable it and Vizquo explains only what you ask it to — nothing is sent until you confirm, and payloads are bounded and redacted.
div.hero-title · font-size: 48px
The heading inherits its size from the display-2 type token (48px / 800 weight / −0.03em tracking). It sits 24px above the subheading, matching the space-24 scale step used across the page's hero sections.
Privacy
Your browser is your workspace. Keep it that way.
Nothing leaves. Scans, screenshots, history, and collections live only in your browser's local storage.
Security
Powerful enough to inspect the web. Careful enough to leave it untouched.
Local-first by construction
No server, no account, no telemetry. The extension ships keyless.
No CORS or SOP bypass
Cross-origin iframes are reported as inaccessible — never faked.
Non-destructive inspection
Live edits are temporary and reset on reload or navigation.
Credential isolation
Page content is untrusted input; secrets never reach AI payloads.
Honest limits
Truncated scans and blocked resources are surfaced, never hidden.
Who it's for
Built for people who care about details
Designer
Understand how interfaces are constructed — and why they look the way they do.
Frontend Developer
Inspect CSS, assets, responsive behavior, and structure without guessing.
Design Engineer
Translate visual decisions into reusable systems with confidence labels.
Design System Team
Discover patterns and inconsistencies across interfaces, then compare them.
Product proof
Every claim on this page is measured, not marketed
No fake testimonials, no invented statistics. Vizquo is hardened against the web's worst pages in a deterministic torture suite.
Source: HARDENING_REPORT.md — 24 torture scenarios, 400+ unit tests, 12 E2E specs, all deterministic.
Install
Add Vizquo to your browser — free
Your browser is detected and highlighted below. About a minute from here to your first inspection — no account needed.
Mobile browsers
🌐 Google Chrome ▶
- Download the Chrome ZIP and unzip it (right-click → Extract All). You get a folder named
vizquo-1.0.0-chrome. - Open
chrome://extensions. - Enable Developer mode (toggle, top-right).
- Click Load unpacked → select the unzipped folder.
- Pin Vizquo and open the side panel — it connects to any page instantly. Done.
🧭 Microsoft Edge ▶
- Download the Chrome ZIP (same package works) and unzip it (right-click → Extract All).
- Open
edge://extensions. - Enable Developer mode (left sidebar toggle).
- Click Load unpacked → select the unzipped folder.
- Pin Vizquo, open the side panel — connected automatically. Done.
🦊 Firefox ▶
- Download the Firefox ZIP and unzip it (right-click → Extract All).
- Open
about:debugging#/runtime/this-firefoxin Firefox. - Click Load Temporary Add-on… and select the
manifest.jsoninside the unzipped folder. - Pin Vizquo and open the side panel — done.
🦁 Brave ▶
- Download the Chrome ZIP and unzip it (right-click → Extract All).
- Open
brave://extensions. - Enable Developer mode.
- Click Load unpacked → select the unzipped folder.
- Pin Vizquo and open the side panel — done.
⭕ Opera / Vivaldi / Arc ▶
- Download the Chrome ZIP and unzip it (right-click → Extract All).
- Open your browser's extensions page:
opera://extensions·vivaldi://extensions·arc://extensions. - Enable Developer mode.
- Click Load unpacked → select the unzipped folder.
- Pin Vizquo and open the side panel — done.
🔔 Safari ▶
Safari support needs a native macOS build (Apple's Xcode converter) plus the Apple Developer Program — it's on the roadmap.
👉 Vote for Safari support and you'll be notified when it ships. Meanwhile, use Chrome, Edge, or Firefox on macOS — Vizquo works identically there.
| Component | Requirement | Status |
|---|---|---|
| Chrome · Edge · Brave · Opera · Vivaldi · Arc | Chromium 110+ (MV3) | ✓ Supported |
| Firefox | Firefox 121+ (MV3) | ✓ Supported |
| Safari | macOS build (Xcode) + Apple Developer Program | ◷ Coming soon |
| Windows | Windows 10+ | ✓ Supported |
| macOS | macOS 12+ | ✓ Supported |
| Linux | Any desktop distribution | ✓ Supported |
| Mobile (Android / iOS) | — | ✗ Not yet |
| Account / sign-up | None — fully local | ✓ None |
Resources & FAQ
Questions, answered
Is Vizquo free? ▶
Yes. Every feature except AI is 100% free and local — no account, no ads, no data collection. AI is optional: the cloud option uses free models by default (bring your own key), and the local option (Ollama) costs nothing at all.
Does it require an account? ▶
No. There is no server, no login, and nothing to sign up for. Install, open the side panel, and inspect — it connects to any page automatically.
Does it upload inspected pages? ▶
No. Scans run entirely in your browser and stay in your browser. Vizquo makes zero network requests until you explicitly enable AI — the page loads no fonts, scripts, or analytics from anywhere.
What happens when a website blocks access? ▶
Vizquo reports the limitation honestly — an inaccessible iframe, a CORS-restricted asset, or a blocked operation is surfaced with a clear reason. It never bypasses browser security, and it never pretends it inspected what it couldn't.
Can it inspect cross-origin iframes? ▶
No — and it says so. Cross-origin frames are reported as inaccessible rather than faked. Same-origin structure, shadow DOM, and the top document are all inspected normally.
Does AI see my page? ▶
Only what you ask it to, and only when you enable AI. Before the first request Vizquo shows exactly what will be sent — bounded text with input values and data attributes redacted. AI is off by default; every core feature works without it.
Does live editing permanently modify the website? ▶
No. Live edits are temporary, in-memory style changes with exact undo — they reset on reload or navigation and never touch the site's files.
Which browsers are supported? ▶
Chrome, Edge, Brave, Opera, Vivaldi, and Arc share one Chromium package. Firefox has its own. Safari needs a native macOS build and is coming soon. Mobile browsers aren't supported yet — side-panel extensions don't exist there.
Inspect · Understand · Extract · Build
See beyond the surface.
Inspect the web. Understand the system behind it. Free forever, local-first, no tracking.
Add Vizquo — Free