# CSS Inspector — Hover to Copy CSS

> Hover any element to instantly see its computed CSS styles. Click to copy raw CSS. Free.

Canonical page: [https://chrome-stats.com/d/css-inspector-hover-to-copy1](https://chrome-stats.com/d/css-inspector-hover-to-copy1)

## Overview

- **ID:** `css-inspector-hover-to-copy1`
- **Platform:** Firefox
- **Type:** Firefox add-on
- **Status:** Available
- **Publisher:** Eric
- **Category:** web-development
- **Version:** 1.0.1
- **Last updated:** 2026-05-13
- **First published:** 2026-05-10
- **Size:** 37 KB
- **Data as of:** 2026-09-14
- **Store listing:** [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/css-inspector-hover-to-copy1/)

## Description

CSS Inspector adds a live CSS inspector to every webpage. Hover over any element to see its full computed styles in a clean side panel, then copy with one click.

Features:
- Hover any element to see all computed CSS properties
- Copy individual properties or the entire CSS block
- Side panel keeps inspection results visible while you browse
- Works on any website, no configuration required
- See box model, typography, colors, and layout properties
- Useful for cloning designs, debugging layouts, or learning CSS
- No account required, works completely offline
- Free forever

Built for developers and designers who want to inspect and copy CSS without opening DevTools.

## Rankings

- #146,524 — Overall
- #248 — hover

## Permissions and access

### Permissions

- `activeTab`
- `storage`
- `scripting`
- `sidePanel`

### Content script matches

- `<all_urls>`

## Safety

- **Risk impact:** Moderate risk impact
- **Risk likelihood:** High risk likelihood

### Analysis details

- Allows access to all websites, posing a significant security risk as it can monitor and modify data from any visited site.
- This extension has low user count. Unpopular extensions may not be stable or safe.

> Some risk analysis details are omitted from this free response. [Upgrade to view the full analysis](https://chrome-stats.com/pricing).

## Similar extensions and apps

- [CSS Inspector — Hover to Copy CSS](https://chrome-stats.com/d/css-inspector-hover-to-copy-cs) — 2 users
- [Style Probe](https://chrome-stats.com/d/style-probe)
- [HTML/CSS Extractor](https://chrome-stats.com/d/html-css-extractor) — 141 users, 3.00 / 5
- [CSS Viewer](https://chrome-stats.com/d/inspectcssviewer) — 2 users
- [HTML & CSS Extractor - CSS Picker](https://chrome-stats.com/d/html-css-extractor-css-picker) — 70 users
- [Simple CSS Viewer](https://chrome-stats.com/d/browser-css-viewer)
- [CSS Insight](https://chrome-stats.com/d/css-insight) — 68 users
- [Hoverify: All-in-one extension for web developers](https://chrome-stats.com/d/hoverify) — 494 users, 3.68 / 5
- [CSS Spider](https://chrome-stats.com/d/css-spider) — 250 users, 4.20 / 5
- [DevSnip](https://chrome-stats.com/d/devsnip)
- [PeekCSS](https://chrome-stats.com/d/peekcss) — 30 users, 5.00 / 5
- [Font Inspector & CSS Picker](https://chrome-stats.com/d/font-inspector-css-picker) — 1 users

---

Source: [Chrome-Stats](https://chrome-stats.com/d/css-inspector-hover-to-copy1)