Inspect and copy the CSS of your site’s elements directly from the frontend—fast, simple, and DevTools-inspired.
As of April 2026, CodingBunny CSS Inspector is a WordPress css plugin with 0 active installations and a 0/5 rating0. It has been downloaded 204 times in total. Requires WordPress 6.0+ and PHP 8.0+. Available on WordPress.org since 2025. Top alternative: WPCode – Insert Headers and Footers +….
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.
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…
| WordPress | 6.0+ requiredTested up to 6.9.4 |
| PHP | 8.0+ required |
Improvement: Added the ability to resize the width of the sidebar.
FIX: Correct color preview in pseudo-classes.
Plugin data sourced from WordPress.org. Analysis and metrics by PluginSift.