StylePeek - Design Style Inspector
Extension Actions
- Extension status: In-App Purchases
Instantly inspect fonts, colors & spacing on any website. Side panel stays open while you browse. Zero DOM pollution, one-click copy
Instantly inspect fonts, colors, and spacing on any website — without opening DevTools.
StylePeek is a design inspector built for speed. Open the side panel, click any element, and see its styles immediately. No page reloads, no DOM pollution, no hassle.
HOW IT WORKS:
1. Click the StylePeek icon to open the side panel
2. Click "Start Inspect" and select any element on the page
3. See typography, colors, and spacing instantly in the side panel
4. Copy any value with one click
The side panel stays open while you browse — inspect elements across different pages and tabs without reopening.
FREE FEATURES:
- Inspect font family, size, weight, and line height
- Extract colors (hex, RGB, HSL) with preview swatches
- Measure margin and padding with visual box model
- One-click copy for any inspected value
- Works on any website
PRO FEATURES:
- Export styles as Tailwind CSS classes
- Export as CSS custom properties or JSON design tokens
- Extract colors from images
- Full-page design analysis and style overview
PRIVACY:
- All inspection runs locally in your browser — no data is sent to any server
- No DOM injection — inspected pages stay completely clean
- No account required for free features
WHY HOST PERMISSIONS:
StylePeek needs access to web pages to read CSS styles from the elements you click. This is required for the side panel to work across tabs. No page content is collected, stored, or transmitted.
Perfect for web designers checking reference sites, frontend developers debugging layouts, and design system teams auditing consistency.