Media
1 item
Description
Inspect fonts, colors, gradients, shadows, radii, spacing, components and images on any page. Export design tokens. No backend. StyleSnap inspects any webpage you're viewing and pulls out its design tokens — fonts, colors, gradients, shadows, border radii, spacing, buttons/inputs, images, icon count, and Google Fonts — so you can reuse them in your own work. HOW IT WORKS Click the toolbar icon on any page, hit Start Scan. It reads the entire page you're currently on and shows everything across 10 tabs. Click any swatch, chip, or font to copy it. Export each category as CSS or JSON, or grab everything at once as one design-tokens.json. PRIVACY No backend. No analytics. Nothing is sent anywhere. It reads the active tab only when you click the icon, and only fetches CSS files already linked by that page (to find font URLs) — never anything else. © 2026 Satyajeet