Webstractor

Webstractor is an all-in-one browser toolkit built for designers, developers, and QA engineers, etc. Inspect pixels, dissect layouts, test responsive views across multiple devices, extract assets, and audit accessibility - all from a single privacy-first extension. No paywalls. No tracking. No ads. No subscriptions. Completely free and built for efficiency. -------------------------------------------------- KEY MODULES AT A GLANCE -------------------------------------------------- INSPECTOR & CSS EDITOR • Live CSS & Box-Model Editor: Modify styles and spacing on the fly with real-time browser rendering. • Design System & Tokens: Extract colors, typography, spacing, and CSS variables. Export directly to Tailwind, SCSS, JSON, or CSS variables. • Font Extractor & Converter: Inspect page fonts, convert them to TTF/OTF and download font files straight from website. • Contrast & WCAG Checker: Instant color contrast analysis with pass/fail badges based on WCAG standards. RESPONSIVE VIEWER • Multi-Device Testing: Render any page inside realistic frames (phones, tablets, laptops, desktops, etc.). • Synchronized Scrolling & Clicking. • Custom Workspaces: Save custom device viewports. DESIGN & MEASUREMENT TOOLS • Grid & Rulers: Configurable column grid overlays, pixel-accurate edge rulers, and customizable guidelines. • Measure & Crosshair Tools. • Screen Eyedropper: Sample any pixel color on the page. • Full Page Capture: Capture entire page in your selected image format. ASSET EXTRACTOR • Bulk Media Extraction: Discover and filter all SVG, GIF, and image assets loaded on the page. • Format Converter: Convert images before downloading to PNG, JPG, WEBP, or AVIF locally. • One-Click ZIP Download: Download selected media assets as a single bundled ZIP file. PAGE HEALTH & ACCESSIBILITY AUDIT • Instant Audits: Powered by axe-core. Run WCAG 2.0 / 2.1 compliance checks on demand. • Detailed Reports: Review violation details, affected DOM elements, and export professionally formatted PDF reports. • Page Performance metrics. -------------------------------------------------- PRIVACY FIRST BY DESIGN -------------------------------------------------- • 100% Local Processing: All conversions, audits, and extractions happen strictly inside your browser. • Zero Analytics & Telemetry: No tracking, no data collection, no external servers. Why did I build Webstractor? To get basic visual inspection, preview some stuff, live comfortable CSS edit, asset extraction, and full page screenshot, I had to install multiple separate extensions - most of them cluttered with aggressive paywalls, monthly subscriptions, ad-redirects, and cloud-processing that compromises privacy. I built Webstractor out of frustration to bring everything into one fast, privacy-first, and completely free toolkit. Designed for my own daily workflow, I hope it brings as much value and freedom to you as it does to me! Support the project via Ko-fi! Share your feedback by email or write a review in Webstore. Thank you. Change log: Version 1.0.1 (2026-09-17) - Converted images always keep their original resolution. - Saving an image in the same format it already is (e.g. AVIF → AVIF, JPG → JPG) now saves the original file untouched. - AVIF quality is now balanced - Better detection of "hidden" images on some websites so the right-click "Save image as" option appears more often. - General stability and quality fixes. Version 1.0.2 (2026-09-21) - Redundant permissions removed.