Item logo image for CSS Peek: Element Inspector

CSS Peek: Element Inspector

Featured
5.0 (

10 ratings

)
Item media 5 (screenshot) for CSS Peek: Element Inspector
Item media 6 (screenshot) for CSS Peek: Element Inspector
Item video thumbnail
Item media 2 (screenshot) for CSS Peek: Element Inspector
Item media 3 (screenshot) for CSS Peek: Element Inspector
Item media 4 (screenshot) for CSS Peek: Element Inspector
Item media 5 (screenshot) for CSS Peek: Element Inspector
Item media 6 (screenshot) for CSS Peek: Element Inspector
Item video thumbnail
Item media 2 (screenshot) for CSS Peek: Element Inspector
Item video thumbnail
Item media 2 (screenshot) for CSS Peek: Element Inspector
Item media 3 (screenshot) for CSS Peek: Element Inspector
Item media 4 (screenshot) for CSS Peek: Element Inspector
Item media 5 (screenshot) for CSS Peek: Element Inspector
Item media 6 (screenshot) for CSS Peek: Element Inspector

Overview

Instantly inspect elements and explore CSS properties, XPath, and more. Easily export assets, color palettes, and typography.

CSS Peek: Element Inspector helps you instantly inspect any element on a webpage, explore its CSS box model, styles, colors, and typography, and export assets, color palettes, and typography styles in just a few clicks. ✨ Features: - Click any element to view its full CSS styles. - Visual box model diagram with color-coded layers and pixel values inside each layer. - Inspect and copy the color palette of the page. - Inspect and copy typography and fonts used on the page. - View and download assets from the webpage. - Manipulate the selected element’s styles in the Manipulate tab, with the ability to persist CSS changes across multiple websites. Each website has its own dedicated storage for saved styles. - A live color picker that allows selecting a color from anywhere on the page and updating the UI preview in real-time. - When an image element is selected, you can drag & drop a new image directly onto it. - The extension allows adjusting CSS of the selected element using keyboard shortcuts. This helps test spacing, sizing, colors, etc., without touching the code. - XPath Locator that finds both absolute and relative XPath selectors for an element, suggests improvements for more stable locators, and generates ready-to-use Playwright and Cypress code snippets. - Smart Mode Inspector enables fast element inspection while hovering, with an integrated accessibility checker. - Ability to toggle the main hover inspector on and off, allowing you to interact with the page (click buttons, navigate, etc.) and then re-enable it to continue inspecting elements. - Accessibility tab where you can find a complete report of the accessibility status of the current page with suggestions how to fix the issues where needed. - Light/Dark mode switcher. Lightweight and user friendly.

Details

  • Version
    1.1.4
  • Updated
    February 22, 2026
  • Offered by
    daniel.ivanov.delchev
  • Size
    877KiB
  • Languages
    English
  • Developer
    Email
    daniel.ivanov.delchev@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

TweakSync

5.0

TweakSync lets you style web elements in real-time from Chrome and sync changes with VS Code for a smooth development experience.

CSS Inspector

5.0

CSS Inspector allows you to instantly view the CSS properties of any HTML element on web pages.

Faro

5.0

Save pages with highlighted taglines - Bookmark manager ⨯ web highlighter

Web SuperKit - Powerful Extension for Everything (1MB)

5.0

Powerful, lightweight extension with 100+ browser and utility tools for developers, designers, and everyday productivity.

Pointer - Element Inspector for DevTools

5.0

Enhanced element inspection with cursor-driven workflow. Visual highlighting, measurements, and DevTools integration.

Elementor - Inspect, Copy & Download Elements

5.0

Visual Element Inspector with CSS Copy, Color Picker, Asset Download & DOM Eraser

The Big Gift List

5.0

Easily add items to your 'The Big Gift List' lists

Element Inspector - Precision UI Analysis

5.0

Professional UI inspection toolkit for developers. Analyze element alignment, colors, spacing, and typography with precision.

CSS Pro Editor & Debugger

5.0

Visual CSS styling and debugging tool for developers.

Peek Element

5.0

Peek Element is a browser extension that allows you to view the HTML of any element on a webpage.

Border Patrol – CSS Debugger & Element Outliner

5.0

CSS box model debugger & element outliner for fast UI inspection, layout visualization, and faster frontend development.

CSS Peeper AI

0.0

Inspect any element and instantly generate Tailwind, CSS, and Styled-Components code with AI.

TweakSync

5.0

TweakSync lets you style web elements in real-time from Chrome and sync changes with VS Code for a smooth development experience.

CSS Inspector

5.0

CSS Inspector allows you to instantly view the CSS properties of any HTML element on web pages.

Faro

5.0

Save pages with highlighted taglines - Bookmark manager ⨯ web highlighter

Web SuperKit - Powerful Extension for Everything (1MB)

5.0

Powerful, lightweight extension with 100+ browser and utility tools for developers, designers, and everyday productivity.

Pointer - Element Inspector for DevTools

5.0

Enhanced element inspection with cursor-driven workflow. Visual highlighting, measurements, and DevTools integration.

Elementor - Inspect, Copy & Download Elements

5.0

Visual Element Inspector with CSS Copy, Color Picker, Asset Download & DOM Eraser

The Big Gift List

5.0

Easily add items to your 'The Big Gift List' lists

Element Inspector - Precision UI Analysis

5.0

Professional UI inspection toolkit for developers. Analyze element alignment, colors, spacing, and typography with precision.

Google apps
Create a Mobile Website
View Site in Mobile | Classic
Share by: