StyleLens – UI Design Inspector

Understand any website's design visually — fonts, colors, spacing, and layout in plain English. No DevTools required.

StyleLens is a simple interface inspection tool that helps you view the visual properties of elements on a webpage without opening browser developer tools. Hover over any element to inspect commonly used design properties in a clear, human-readable format. The extension displays information such as: - Heading or element type - Font family - Font size - Font weight - Text color - Background color (when available) - Margin - Padding - Border radius - Element dimensions StyleLens also provides quick actions to copy commonly used values, including: - CSS properties - Tailwind CSS utility classes (where applicable) - Color values - Font information The extension is intended for designers, developers, students, educators, and anyone who wants to understand the visual styling of a webpage without navigating browser developer tools. Features - Inspect page elements by hovering over them - Read typography and spacing information in a simplified format - View colors and layout-related properties - Copy CSS properties - Copy Tailwind utility classes - Copy color values - Lightweight interface - Uses only the active tab when you activate the extension Privacy StyleLens does not collect, transmit, or store personal data. All inspection is performed locally within your browser.