Devision – Web Dev & Design Tools

Design, SEO, and development tools for any website. Color picker, SEO checker, CSS inspector, and many more.

Open any website. Open Devision. Done. 23 built-in tools for frontend developers, UI/UX designers, and SEO professionals — organized exactly the way you work. No account. No setup. No data sent anywhere. Everything runs locally, on demand. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🎨 DESIGN (7 tools) ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Color — Pick any color on the page. Instant HEX, RGB, and HSL values with ready-to-copy CSS snippets. Gradient — Build linear, radial, or conic gradients visually. Multiple color stops, opacity control per stop, presets, and custom save slots. Copy the CSS in one click. Font — See every font family in use on the current page, including all fallbacks. Favicon — View all favicon formats and sizes, check file paths, and download any favicon directly. Contrast — WCAG 2.1 accessibility overlays on every element. AA and AAA pass/fail ratings shown inline on the page. Variables — Inspect all CSS custom properties (--variables) on the page. Copy any value or declaration instantly. Styles — Visualize margin, padding, and spacing on any element without opening DevTools. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🔍 SEO ANALYSIS (7 tools) ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Meta — Title tag, meta description, and keywords with character count and status. Image — Full image list with dimensions and alt text. Missing ALT attributes are flagged and counted. Download images individually or export all as a ZIP. Headings — Complete H1–H6 structure with per-level counters. Spot hierarchy issues instantly. Schema — All JSON-LD structured data blocks including nested properties and ratings. Links — All links organized by page section (header, nav, main, footer). Flags links with missing title attributes. Robots.txt — Fetches and displays the robots.txt file directly inside the extension. Sitemap — Checks 9 common sitemap paths. Shows URL count and HTTP status for each one found. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🛠 DEVELOPMENT (6 tools) ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Disable — Toggle JavaScript, all stylesheets, and inline styles independently. State is saved per tab. Breakpoint — See the active CSS breakpoint live as you resize the browser window. Speed — Load time, DOM load, render time, FCP, LCP, and CLS — all in one view. SSL — Verify HTTPS status and connection security of the current page. Cache — Clear cookies and cache for the current domain in one step. Lorem — Generate placeholder text: words, sentences, or paragraphs. Copy to clipboard instantly. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ⚡ TOOLS (3 tools) ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Volume — Boost audio and video beyond the browser's 100% limit on any page. Adjust with a slider, state saved between sessions. Autofill — Automatically fills all form fields with realistic test data and reports how many were filled. Password — Generate secure passwords with custom length and character sets: uppercase, lowercase, numbers, and symbols. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🔒 PRIVACY ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ No account required. No external servers. No broad website permissions. No tracking. No analytics. No data collection. Devision reads page data to power its tools. Nothing leaves your browser. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ The all-in-one dev & design toolkit. For designers and developers who want every tool they need, without installing 10 extensions.