In Review

In Progress

Completed

Main Roadmap

Please add the option to edit and preview the inspected CSS code.

Edit CSS Code

having the ability to export a nice PDF or HTML file for the overview would be super helpful to communicate issues with stakeholders/clients. Not sure if this was already discussed… but it would be a super helpful to have this as an option.

Overview Export

Mr. ED

Include a right-click entry point to interact via context menu; alternative to using the toolbar icon every time.<ul><li>When users clicks anything on the page with right-click we display ‘Inspect with CSS Peeper’ option for quick access</li></ul>

Right-click Inspector access

Dawid Młynarz

Would be nice to have the option in account settings whether the “Open Side Bar” is by default or not. That way we can have a full overview of the inspected website without necessary popup overlay.

Option to "Open Side Bar" by default

I would love to see the following features:<ol><li>Ability to select a component and copy-paste it directly into Figma.</li><li>While inspecting, provide an option to edit the values.</li><li>Based on the extracted data, allow the creation of a design system that can be imported into Figma via JSON.</li><li>AI-powered features such as recreating or remixing components.</li></ol>This product should not just focus on inspection but also cover all these possibilities. I believe it has a great future ahead. Good luck to the team!

I really like your product-I see a lot of potential in this extension.

karthikeyan

I have just installed the extension and noticed that it does not respond when clicked, as the pop-up for CSS does not appear. I have been waiting for quite some time. I signed in and tested my account, and everything seems to be functioning well. However, in Google Chrome, although the extension is installed, it is not operational.

The CSS peeper is currently experiencing issues and is unable to launch.

aimmy

<ul><li>Introduce another tier in Pricing for min. 3 users called “Team” designated for agencies and design teams</li><li>Create a new user type called “Team Manager” and enable them to manage licenses<ul><li>Existing CSS Peeper accounts who would like to become “Team Manager” should be able to be transformed into ‘Manager’ and invite team members.</li></ul></li><li>Build a new tab in Account, to enable “Team Manager” to invite new users via email, display the status if the account is active/inactive, and be able to assign/unassign licenses to the available seats<ul><li>AC: By default the plan should have up to 10 free accounts linked, with a limited amount of seats (min. 3 seats available with purchase)</li><li>MVP: Plan accessible via ‘Contact us’ which would be an email. In future to reduce friction we can find a way to automate it, and offer teams plan available right away.</li></ul></li></ul>

Team Plan Offer

<ul><li>Improvement of the Chromium-based browser experience to minimise stability issues.</li><li>We’re reviewing the possibility of CSS Peeper to be installed on Safari, Firefox. </li></ul>

Multi-platform Support

I’d like to propose adding rulers and draggable guides to the CSS inspection toolkit, similar to what’s available in design tools and some designer-focused extensions.This would allow developers and designers to:<ul><li>Quickly inspect alignments and spacing across elements</li><li>Spot layout issues, inconsistencies, and small visual imperfections</li><li>Measure distances without relying on temporary CSS or external screenshots</li><li>Verify grid systems, margins, paddings, and breakpoints with more precision</li><li>Improve collaboration between design and dev by matching visual specs more accurately</li></ul>Having persistent rulers and guides directly in the browser would make layout debugging faster, more visual, and less error‑prone, especially for pixel‑perfect interfaces and responsive layouts.

Rulers & guides

Sylvester

After i enabled sidebard mode i only have inspector (there is no sidebar), and cant even turn it off. Please help

Is there any shortcut to get out of Sidebar Mode?

Michał Kazimierczak

While the element is selected via ‘Inspector’, give the ability to show the code snippet, with ability to copy it. Implemented version may slightly differ from the attached mockup.<img data-width="100%" data-align="left" data-featurebase-content-key="670f66ef58617159bd3ab0dd/post/68d247797066ac17028ab823/01997566-e47f-75d9-b409-b27a1b1c4341/b64u-Q29kZSBQcmV2aWV3LnBuZw.png" data-featurebase-content-filename="Code Preview.png" src="https://670f66ef58617159bd3ab0dd.featurebase-attachments.com/c/post/68d247797066ac17028ab823/01997566-e47f-75d9-b409-b27a1b1c4341/b64u-Q29kZSBQcmV2aWV3LnBuZw.png?X-Amz-Expires=3600&amp;X-Amz-Date=20260827T040000Z&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=DO801TYC4FCVNNEKURKM%2F20260827%2Ffra1%2Fs3%2Faws4_request&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=6d04f8198b4c28d62110a345c75f98553c534a9c06f56c4a71f594c1948425f5">

Copy CSS / Preview code

High Priority

Unable to find json color for figma kindly check and fix it

Working on AppSumo integration for CSS Peeper.

AppSumo LTD Integration

We’re focusing on security optimisation of our services after rapid development / launch period of the new version.

Security Improvements & Upgrades

Performance and stability fixes to optimise UX of the Chrome extension

Stability Issues

Thanks for the deal. See video for better explanation, thanks. <a target="_blank" rel="noopener noreferrer nofollow" class="link" href="https://app.dadan.io/video/share/XaHnFinqLY7E2ebe">https://app.dadan.io/video/share/XaHnFinqLY7E2ebe</a>