CascadePeek - CSS Inspector

About

CascadePeek is a lightweight CSS inspector for frontend developers, designers who code, and builders who want to understand how a page is styled without jumping through DevTools panels.

Click the toolbar icon, hover any element, and CascadePeek shows a focused floating panel with the selector, dimensions, computed CSS, accessible authored rules, design-token hints, and copy actions. Click to pin the panel, edit declarations directly on the page, or copy the selected element as CSS, HTML, or a small component bundle.

Features:

- Hover any element to inspect useful CSS instantly.
- Click or press Space to pin the current element.
- Copy CSS, HTML, and selectors in the free version.
- Unlock scoped component bundle copy with CascadePeek Pro.
- Edit CSS declarations in place and reset inline changes with CascadePeek Pro.
- Browse computed styles, matching authored rules, and Tailwind-ish utility output.
- Navigate to parent, child, and sibling elements with arrow keys.
- Inspects page CSS locally and contacts CascadePeek servers only for checkout and license activation.

Keyboard:

- Space: pin or unpin
- Shift: pause or resume live hover
- C: copy CSS
- H: copy HTML
- E: focus the editor
- Arrow keys: move through nearby DOM nodes
- Esc: unpin or close