Log in
Preview of CSS Xray

CSS Xray by Ryonix Labs Inc.

Inspect, edit, and copy an element's CSS without opening DevTools.

Some features may require payment
0 (0 reviews)
Download Firefox and get the extension
Download file
Screenshots
Inspect selectors, dimensions, typography, and authored CSS as you move the pointer.Keep pseudo states and responsive media rules attached to their authored source.Copy reusable CSS, component HTML, or Tailwind output.Pin the inspector to edit styles live without leaving the page.Reveal layout structure with guides and the optional grid overlay.
About this extension
CSS Xray turns any webpage into a readable CSS inspection surface. Move the pointer over an element to see its selector, dimensions, typography, inherited text styles, and the authored declarations that shape it.

The compact panel follows your cursor and keeps pseudo states and responsive rules attached to their source. Free inspection includes parent navigation, grid guides, and CSS copying.

Optional CSS Xray Pro adds pin-and-edit live CSS, side-by-side comparison, component output, HTML and CSS export, Tailwind conversion, and CodePen export. Pro costs $0.88 per month or $8.88 lifetime and supports two browser installations.

Inspection happens locally. Licence activation sends only the licence key and a random installation identifier to Ryonix Labs.
Rated 0 by 0 reviewers

Star rating saved

5
0
4
0
3
0
2
0
1
0
No reviews yet
Permissions and data

Required permissions:

  • Input data to the clipboard
  • Access your data for all websites

Optional permissions:

  • Access your data for all websites

Data collection:

  • The developer says this extension doesn't require data collection.

Optional data collection, according to the developer:

  • Authentication information
Learn more
More information
Version
1.4.3
Size
115.51 KB
Last updated
4 days ago (Aug 13, 2026)
Related Categories
License
All Rights Reserved
Version History
Add to collection
Report this add-on