Analyze any web page that catches your eye! Get a detailed overview of colors, fonts, and visual elements for design inspiration.

Latest Version

Version
0.1.5
Update
February 19, 2025
Size
93.59KiB
Developer
snable.website
Category
Users
2
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
See more

Snable: UI Inspector & CSS Scanner Extension

(ALFA VERSION) SNABLE: YOUR PERSONAL UI DESIGN ANALYZER

Snable transforms the way you explore web design by bringing professional UI analysis right to your browser. This powerful Chrome extension deconstructs websites into their fundamental visual elements, helping you understand and draw inspiration from any design you encounter.

✨ WHAT IT DOES
— Instantly analyzes website's visual DNA
— Extracts and organizes color palettes
— Reveals typography patterns and hierarchies
— Provides comprehensive design insights
— Helps understand professional design choices

🚀 KEY FEATURES
— Real-time color palette extraction
— Font family and style analysis
— Visual hierarchy breakdown
— Accessibility contrast checking
— Clean, intuitive reporting interface

🎯 PERFECT FOR CREATORS
— UI/UX Designers seeking inspiration
— Web Developers analyzing design patterns
— Design Students learning from real-world examples
— Brand Managers ensuring design consistency
— Digital Artists exploring web aesthetics
— Anyone curious about web design principles

💡 HOW TO USE
Install Snable and click the extension icon while browsing any website to instantly reveal its design secrets. No configuration needed – just one click to unlock professional design insights!
Note: Snable is currently in alpha, actively expanding its capabilities. Our current version focuses on color and typography analysis, with more exciting features coming soon!

📢 CONNECT WITH US
⭐️ Love Snable? Share your experience with a review!
📧 Questions or suggestions? Contact us directly → [email protected]
🌐 Visit for updates and more tools → snable.website
💬 Join our community: snable.website/socials

The extension analyzes website design in real-time, right in your browser, with full respect for your privacy. No data collection, no external servers – just pure design analysis at your fingertips.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Snable: UI Inspector & CSS Scanner", "description": "Analyze any web page that catches your eye! Get a detailed overview of colors, fonts, and visual elements for design inspiration.", "version": "0.1.5", "manifest_version": 3, "icons": { "16": "img/logo-16.png", "32": "img/logo-34.png", "48": "img/logo-48.png", "128": "img/logo-128.png" }, "action": { "default_popup": "src/views/popup.html", "default_icon": "img/logo-48.png" }, "background": { "service_worker": "service-worker-loader.js", "type": "module" }, "content_scripts": [ { "js": [ "assets/index.ts-loader-691e195d.js" ], "matches": [ "http://*/*", "https://*/*" ] } ], "web_accessible_resources": [ { "matches": [], "resources": [ "img/logo-16.png", "img/logo-34.png", "img/logo-48.png", "img/logo-128.png" ], "use_dynamic_url": false }, { "matches": [ "http://*/*", "https://*/*" ], "resources": [ "assets/chunk-f9a6eefb.js" ], "use_dynamic_url": false } ], "permissions": [ "activeTab" ]}
Read more

Similar Extensions

icon

GoFullPage - Full Page Screen Capture Extension · Developer Tools 2 77052 ★ 1.81MiB

icon

ColorZilla Extension · Developer Tools 2 3845 ★ 410KiB

icon

JSON Formatter Extension · Developer Tools 2 1859 ★ 19.86KiB

icon

User-Agent Switcher for Chrome Extension · Developer Tools 2 2631 ★ 132KiB

icon

Lighthouse Extension · Developer Tools 2 318 ★ 50.7KiB

icon

Similarweb - Website Traffic & SEO Checker Extension · Developer Tools 2 3255 ★ 1.19MiB

icon

PrintFriendly - Print and PDF Web Pages Extension · Productivity 2 2550 ★ 512KiB

icon

SEOquake Extension · Developer Tools 2 2529 ★ 1.5MiB

icon

Clear Cache Extension · Developer Tools 2 1124 ★ 616KiB

icon

ModHeader - Modify HTTP headers Extension · Developer Tools 2 1061 ★ 676KiB

icon

SEO META in 1 CLICK Extension · Developer Tools 2 1108 ★ 462KiB

icon

Selenium IDE Extension · Developer Tools 2 286 ★ 3.96MiB

icon

Postman Interceptor Extension · Developer Tools 2 957 ★ 478KiB

icon

Stylus Extension · Developer Tools 2 1101 ★ 1.01MiB

icon

CSS Peeper Extension · Developer Tools 2 363 ★ 279KiB

icon

WhatRuns Extension · Developer Tools 2 398 ★ 290KiB

icon

Color Picker for Chrome™ Extension · Developer Tools 2 118 ★ 194KiB

icon

BuiltWith Technology Profiler Extension · Developer Tools 2 407 ★ 54.1KiB

icon

Detailed SEO Extension Extension · Developer Tools 2 193 ★ 266KiB

icon

Fake Filler Extension · Developer Tools 2 752 ★ 536KiB

icon

Responsive Viewer Extension · Developer Tools 2 298 ★ 639KiB

icon

JSON Viewer Pro Extension · Developer Tools 2 137 ★ 349KiB

icon

Requestly - Intercept, Modify & Mock HTTP Requests Extension · Developer Tools 2 1227 ★ 876KiB

icon

Grepper Extension · Developer Tools 2 405 ★ 1.41MiB