Dezalicious

A powerful CSS inspector and element analyzer for web development

🎨 Advanced CSS Inspector Smart Inspection: Hover over any element to instantly see dimensions, margins, padding, and font details. Visual Spacing: Hold Alt to measure the exact distance between any two elements on the page. X-Ray Mode: Visualize the DOM structure with a clean, high-contrast overlay. 📥 Powerful Asset Downloader Bulk Extraction: One-click download for all images, SVGs, and videos on the page. Smart Zipping: Automatically bundles assets into a neat .zip file. CORS Bypass: Downloads resources even from protected CDNs (requires optional permission). ✏️ Live Content Editor Edit Anything: Click any text to edit it instantly. Move & Clone: Drag elements around the page or duplicate them to test layouts. Typography Tuner: Test 1000+ Google Fonts live on your page without changing code. 🖌️ Design Tools Color Picker: Grab any color from the page (EyeDropper support) and generate a full site palette. Ruler & Guides: Create Figma-style guides and measure pixel-perfect alignments. Screenshot Tool: Capture custom areas or the full visible viewport with annotations. ✅ Audit & Debug Accessibility Check: Instantly find low-contrast text and missing ARIA labels. SEO Analysis: Scan for missing Alt tags, broken link structures, and heading hierarchy. 🔒 Privacy First Dezalicious runs entirely locally. We do not track your browsing history or send your data to external servers. Perfect for frontend developers, UI/UX designers, and QA engineers.