Stylegrab — Inspect & Copy CSS

Hover any element to see its clean CSS, fonts and colors. Copy CSS in one click. No tracking, no injected ads.

Inspect a page, copy the styles you need, and bring a useful starting point into your project — without digging through DevTools. Stylegrab is built for front-end developers, designers and people building interfaces with AI. Hover an element to inspect its font, colors, spacing, radius and shadow. Click to pin it and press C to copy. It reads accessible stylesheet rules and uses browser-rendered values for complex cascades or inaccessible stylesheets, so the copy follows the styles you can see. FREE — no daily limits • Hover inspect with margin and padding overlay, plus a full box model diagram • Measure: pin an element, hold Alt and hover another to see the exact pixel gap — like redlines in Figma • Color picker: grab any pixel on screen (P) in HEX, RGB, HSL or OKLCH • Copy authored CSS in one key (C), in px or rem • Contrast checks when foreground and background can be resolved reliably; complex backgrounds can remain unknown • Bounded page color and declared-font overviews, with instance navigation • Works inside open Shadow DOM web components and same-origin iframes • Compare 47 computed style values, carry a reference JSON to another page and copy exact differences • Find targets with a CSS selector across the page, open Shadow DOM and accessible same-origin frames, within explicit scan/result limits • Copy readable source rules with media/supports/container/layer conditions, available font declarations, token dependencies and referenced keyframes • Keyboard navigation: ↑ parent, ↓ child, Space to pause, Esc to exit • Interface in 9 languages: English, 简体中文, 繁體中文, 日本語, 한국어, Español, Português, Deutsch, Français PRO — one-time purchase, try each action 3× a day for free • Copy current styles as Tailwind 3/4 classes, including separate borders and elliptical corners • Export a static HTML + CSS snapshot of a component, or send it to CodePen after confirmation • Visual controls for typography, colors, spacing, size and radius alongside CSS editing; copy all CSS or only this session's edits, with Reset • Element screenshot: save any element as a crisp PNG and copy it to the clipboard • Copy a design spec for AI: the page's colors, type scale, radii, shadows and key components as Markdown you can paste into Claude, Cursor or ChatGPT • Export colors and fonts as design tokens (CSS variables + JSON) • Download images and SVG icons RESPECTFUL BY DESIGN • Runs only when you click the toolbar button or press Alt+Shift+C, and only on that tab • Minimal permissions: activeTab, scripting and storage • No browsing analytics, advertising trackers or injected ads • Inspection and clipboard exports run locally. License activation, validation and deactivation contact our license service. Choosing CodePen export sends the selected HTML and CSS to CodePen. Asset links are requested only when you open or download them. Pro is available at https://getstylegrab.com/#pricing for $19 once, for one person on up to 3 browsers, including version 1.x updates. Applicable tax is shown at checkout. Your license key is delivered by email; enter it in the extension settings to activate Pro. A full refund is available within 14 days; see the website terms. CURRENT RELEASE Version 1.0.5 includes cross-page style comparison, selector search, visual editing and readable source-rule output. Free tools and daily Pro trials work without buying. The in-extension purchase button still shows “Pro opens soon”; use the website purchase link above and activate with the license key from your receipt email. PRACTICAL LIMITS Chrome internal pages, the Chrome Web Store, closed Shadow DOM and private cross-origin frames cannot be inspected. Exports capture the current visual state, not a complete responsive application or its JavaScript interactions. Component snapshots include up to 400 DOM elements; palette and asset scans inspect up to 4,000 elements. Tailwind output is a starting point to adapt to your project's layout and theme. Where readable rules are used, matching pseudo rules can also be copied; the computed fallback captures the current state and generated before/after content. The separate source-rule output preserves readable conditions for the selected element rather than reconstructing the entire app. External fonts are declarations/URLs, not embedded font binaries; blocked sheets and complex selectors/nesting can need manual review. Selector search is bounded at 4,000 elements, 50 accessible scopes and 200 results. Source extraction is bounded at 4,000 rules, 12 grouping levels and a capped text output, with truncation reported.