CodingBunny CSS Inspector
Inspect and copy the CSS of your site’s elements directly from the frontend—fast, simple, and DevTools-inspired.
Plugin info
Maintenance & Compatibility
Maintenance score
Actively maintained • Last updated 33 days ago
Is CodingBunny CSS Inspector abandoned?
Likely maintained (last update 33 days ago).
Compatibility
Similar & Alternatives
Explore plugins with similar tags, and compare key metrics like downloads, ratings, updates, support, and WP/PHP compatibility.
Description
CodingBunny CSS Inspector adds a clean, DevTools-style sidebar to your WordPress frontend, letting administrators visually inspect any element and copy its CSS with a single click.
Perfect for theme customization, debugging, and quick styling adjustments—without ever opening the browser DevTools.
The inspector displays full CSS blocks, selector paths, HEX color values, used CSS variables, and ready-to-copy pseudo-state styles like :hover, :focus, and :active.
Designed for power and simplicity, and visible only to logged-in administrators.
Features
DevTools-like inspection sidebar, launched from the admin bar
Full CSS block viewer for any element (full or simplified selector paths)
Ready-to-copy pseudo-state blocks: :hover, :focus, :active
Automatic extraction of all CSS variables used by the selected element
Copy-to-clipboard buttons with instant visual feedback
Lightweight and unobtrusive—runs only for authenticated admins
Never loads for visitors or on the WordPress dashboard
Installation
Download codingbunny-css-inspector.zip
Unzip the file
Upload the codingbunny-css-inspector folder to /wp-content/plugins/
Activate CodingBunny CSS Inspector from the Plugins screen
Usage
Click “CSS Inspector” in the WordPress admin bar (frontend only)
Hover any element to preview its CSS in the sidebar
Click to lock the selection; press ESC to unlock or click ✕ to close
Toggle between full or compact selector paths
Use the copy buttons to instantly copy selectors and CSS blocks (with green confirmation)
Installation
Frequently Asked Questions
Only logged-in administrators can use the inspector.
No, it works exclusively on frontend pages.
Never. The inspector and its scripts load only for authenticated administrators.
Review feed
Screenshots
Changelog
1.0.2 – 11/28/2025
Improvement: Added the ability to resize the width of the sidebar.
FIX: Correct color preview in pseudo-classes.
1.0.1 – 11/26/2025
Improvement: Improved sidebar structure
Improvement: Improved CSS coding
1.0.0 – 11/21/2025
- New: Initial Release