StyleSniffer Extension Chrome

A Chrome extension to extract font families and colors used in the current website.

Latest Version

Version

1.0.1

Update

September 4, 2024

Size

382KiB

Developer

StyleSniffer Extension

StyleSniffer: Your Ultimate Tool for Extracting Fonts and Colors

Unlock the design secrets of any webpage with StyleSniffer, the essential Chrome extension for designers and developers. Extract and copy font families and colors from any website effortlessly.

Key Features:

Instant Extraction: Extract all fonts and colors from a webpage with one click.
Smart Contrast Adjustment: Automatically adjusts text color for readability.
Easy Copy: Copy fonts or colors to your clipboard with a single click.
Elegant Design: A sleek, intuitive interface for easy navigation.
Versatile Usage: Perfect for designers, developers, and curious minds.
Cross-Website Compatibility: Works seamlessly on any website.
Why Choose StyleSniffer?

Save Time: No more manual inspection—get design elements in seconds.
Enhance Workflow: Integrate extracted styles into your projects effortlessly.
Stay Trendy: Analyze and adopt the latest design trends.
How It Works:

Activate the Extension: Click on the StyleSniffer icon.
View Styles: See a list of all fonts and colors on the page.
Copy with Ease: Click to copy and use in your projects.
StyleSniffer simplifies style extraction, making design work faster and easier.

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "StyleSniffer", "version": "1.0.1", "description": "A Chrome extension to extract font families and colors used in the current website.", "action": { "default_popup": "index.html", "default_icon": { "16": "icons/stylesniffer_simple_16x16.png", "48": "icons/stylesniffer_simple_48x48.png", "128": "icons/stylesniffer_simple_128x128.png", "256": "icons/stylesniffer_simple_256x256.png", "512": "icons/stylesniffer_simple_512x512.png" } }, "icons": { "16": "icons/stylesniffer_simple_16x16.png", "48": "icons/stylesniffer_simple_48x48.png", "128": "icons/stylesniffer_simple_128x128.png", "256": "icons/stylesniffer_simple_256x256.png", "512": "icons/stylesniffer_simple_512x512.png" }, "permissions": ["activeTab", "scripting"], "background": { "service_worker": "background.js" }}