Inspectly

Inspect website UI elements and instantly view CSS, colors, typography, spacing, dimensions, and more.

Inspectly is a lightweight UI and CSS inspector built for developers, designers, and anyone who wants to understand how a website is built. Inspect any element on a webpage and instantly view its computed CSS properties without opening complex browser developer tools. KEY FEATURES • Inspect any webpage element • Visual element highlighting • View typography and font properties • Inspect text and background colors • Convert colors to HEX • View margin and padding • View width and height • Inspect borders and border radius • Inspect Flexbox and Grid layout properties • View opacity, shadows, transforms, and other effects • Copy individual CSS values • Copy useful CSS with one click • Quickly inspect another element HOW IT WORKS 1. Open any supported webpage. 2. Click the Inspectly extension. 3. Select "Inspect Element". 4. Hover over any UI element. 5. Click the element you want to inspect. 6. View its computed CSS properties. 7. Copy the values or generated CSS. PRIVACY FIRST Inspectly is designed to work locally in your browser. • No account required • No backend • No database • No analytics • No tracking • No external API • No inspected webpage data is sent to a server Inspectly only reads the information required to inspect the selected webpage element. PERFECT FOR • Frontend developers • Web designers • UI/UX designers • Students learning web development • Developers working with HTML and CSS • Anyone who wants to understand website UI styling Inspect. Understand. Build.