Media
6 items
Description
Free dev toolkit: inspect, extract design, audit a11y/SEO/speed, edit live, record page videos. No account, no cost. WebScan is a free, all-in-one toolkit for web developers and designers. 30 tools, one dock. Everything runs locally in your browser. No account, no tracking, no backend, no paid service. INSPECT - Inspect any element: HTML, CSS, selector - Measure distances and sizes - Edit page live - Overlay a mockup on top of the page EXTRACT - Design: colors, type, spacing, radius, shadows. Export CSS variables, SCSS, Tailwind config, JSON tokens - Colors with eyedropper, fonts and assets (download as ZIP) - Content: outline, Markdown, plain text, readability - Snapshot page as single-file HTML AUDIT - Accessibility: contrast, alt text, labels, headings, landmarks - SEO: score, search and social previews, schema, robots/sitemap - Speed: LCP, FCP, CLS, INP, TTFB, heavy files - Tech stack: frameworks, analytics, headers - Links: list, filter, check broken, export CSV - Storage: local/session storage, cookies, IndexedDB, cache, service workers - Page lab: color-blind simulation, dark mode, grid, outlines, overflow finder, tab order CAPTURE - Record tab or selected area as MP4/WebM video, optional tab audio - Auto capture: slow scroll tour of a full page - Annotate, screenshot, responsive viewer - Trim recordings, export GIF, save frame EXTRA UTILITIES - Contrast checker, color picker, gradient builder - JSON formatter, Base64/URL/HTML-entity text tools - URL tracking-parameter cleaner - Image converter: WebP, PNG, JPEG SHORTCUTS Alt+Shift+P toggle dock. Alt+Shift+S stop recording. PRIVACY All processing stays on your device. Recordings are stored in your browser until you delete them.