Inspect and edit CSS properties with a powerful lens-like interface
CSS Lens Extension
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!
Source Manifest.json
Similar Extensions
Inspect CSS 2 24 ★ 404KiB
SelectorGadget 2 108 ★ 86.66KiB
Inspect Element 2 30 ★ 162KiB
AI Selector Hub 2 0 ★ 399KiB
css scanner 2 6 ★ 339KiB
CSS Viewer for Google Chrome™ 2 334 ★ 346KiB
Custom CSS by Denis 2 46 ★ 162KiB
CSS Used 2 184 ★ 164KiB
CSSViewer 2 10 ★ 74.67KiB
CSS Scan 2 84 ★ 1.41MiB
CSS Peeper 2 363 ★ 279KiB
UI Inspector - Live Style Editor 2 2 ★ 90.41KiB
HTML CSS Viewer 2 0 ★ 7.65KiB
Beautifer & Minify 2 5 ★ 430KiB
Inspecta - validate design implementation 2 3 ★ 420KiB
Outline HTML Elements 2 1 ★ 49.84KiB
Scan CSS 2 7 ★ 115KiB
View CSS 2 1 ★ 5.89KiB
CSS validator 2 1 ★ 1.04MiB
CopyCss - Copy css scan from any website. 2 10 ★ 246KiB
HTML & CSS Code Viewer 2 0 ★ 50.16KiB
CSS Debug with Pesticide 2 1 ★ 181KiB
Visual Inspect UI 2 5 ★ 82.23KiB
SCSS to CSS 2 2 ★ 2.35MiB