Inspect and edit CSS properties with a powerful lens-like interface

Latest Version

Version
1.0.1
Update
February 14, 2025
Size
415KiB
Developer
Category
Users
2
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
See more

CSS Lens Extension

CSS Lens - Simple Visual CSS Inspector

A clean and intuitive CSS inspector that helps developers and designers analyze and modify web page styles in real-time.

Key Features:
• Press Ctrl+Q to activate/deactivate the inspector
• Click any element to view and edit its CSS properties
• Live preview of all style changes
• Edit typography, colors, margins, and padding visually
• Image source preview and editing
• Draggable interface with dark/light theme toggle

More features coming soon:
• Color picker with advanced color formats
• Save and export CSS changes
• Custom presets and templates
• Responsive design tools
• Layout inspection tools

Perfect for web developers and designers who need a simple, clean tool for quick CSS inspection and modifications.

Stay tuned for regular updates and new features!
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "CSS Lens", "version": "1.0.1", "description": "Inspect and edit CSS properties with a powerful lens-like interface", "content_scripts": [ { "matches": [""], "css": ["styles.css"], "js": ["content.js"] } ], "action": { "default_icon": "CSS Lens.png" }, "icons": { "16": "CSS Lens.png", "48": "CSS Lens.png", "128": "CSS Lens.png" }} "
Read more

Similar Extensions

icon

Inspect CSS Extension · Developer Tools 2 24 ★ 404KiB

icon

SelectorGadget Extension · Developer Tools 2 108 ★ 86.66KiB

icon

Inspect Element Extension · Developer Tools 2 30 ★ 162KiB

icon

AI Selector Hub Extension · Developer Tools 2 0 ★ 399KiB

icon

css scanner Extension · Developer Tools 2 6 ★ 339KiB

icon

CSS Viewer for Google Chrome™ Extension · Productivity 2 334 ★ 346KiB

icon

Custom CSS by Denis Extension · Productivity 2 46 ★ 162KiB

icon

CSS Used Extension · Developer Tools 2 184 ★ 164KiB

icon

CSSViewer Extension · Developer Tools 2 10 ★ 74.67KiB

icon

CSS Scan Extension · Developer Tools 2 84 ★ 1.41MiB

icon

CSS Peeper Extension · Developer Tools 2 363 ★ 279KiB

icon

UI Inspector - Live Style Editor Extension · Developer Tools 2 2 ★ 90.41KiB

icon

HTML CSS Viewer Extension · Developer Tools 2 0 ★ 7.65KiB

icon

Beautifer & Minify Extension · Developer Tools 2 5 ★ 430KiB

icon

Inspecta - validate design implementation Extension · Developer Tools 2 3 ★ 420KiB

icon

Outline HTML Elements Extension · Developer Tools 2 1 ★ 49.84KiB

icon

Scan CSS Extension · Productivity 2 7 ★ 115KiB

icon

View CSS Extension · Developer Tools 2 1 ★ 5.89KiB

icon

CSS validator Extension · Developer Tools 2 1 ★ 1.04MiB

icon

CopyCss - Copy css scan from any website. Extension · Developer Tools 2 10 ★ 246KiB

icon

HTML & CSS Code Viewer Extension · Developer Tools 2 0 ★ 50.16KiB

icon

CSS Debug with Pesticide Extension · Developer Tools 2 1 ★ 181KiB

icon

Visual Inspect UI Extension · Productivity 2 5 ★ 82.23KiB

icon

SCSS to CSS Extension · Developer Tools 2 2 ★ 2.35MiB