SnipUI

Free Web Design Inspector, Asset Extractor, Design System Generator & Screen Simulator — Side Panel.

SnipUI is a free all-in-one web design inspector for Chrome. Open it in the native Side Panel to inspect any page, generate design tokens, extract assets, check contrast, simulate devices, and export everything as one ZIP — all locally on your device. ✨ DESIGN SYSTEM • Scan unique colors, typography, and CSS variables • Smart token names (--color-primary, --color-text, and more) • Export JSON tokens or CSS variables • WCAG AA/AAA contrast pairs for text on backgrounds • Detect @font-face / WOFF2 font files 🔍 ELEMENT INSPECTOR • Hover and click to lock any element • DevTools-style margin / padding / content overlay • Typography, spacing, box, and flex/grid details • One-click Copy CSS (cleaned computed styles) • Element contrast check and screenshot crop 📦 ASSET EXTRACTOR • Images, SVGs (inline + linked), videos, Lottie • Font files from stylesheets • Download individually or bulk ZIP with JSZip • Works across Shadow DOM and same-origin iframes 📱 DEVICE SIMULATOR • Mobile, tablet, and desktop presets • Custom viewport width/height • Rulers and viewport guides on the page 📤 EXPORT ALL • One ZIP with design-tokens.json, colors.css, typography.css • Contrast report, optional screenshot, selected-element.css • Organized assets/images|svgs|videos|lotties|fonts folders 🕘 LOCAL HISTORY • Last 12 scans saved on your device only • Reload a previous scan anytime 🔒 PRIVACY-FIRST • No accounts, no analytics, no tracking • No data sent to Zerenta Labs servers • Everything stays in your browser