GrabCSS — copy any element's CSS & HTML

Grab the clean CSS and HTML of any element in one click. Hover, click, copy — no DevTools digging.

Stop digging through DevTools. GrabCSS lets you hover over any element on any website, instantly see its clean CSS, and copy it with a single click — CSS and HTML. The old way means opening DevTools, scrolling past hundreds of inherited rules, and copying properties one by one. GrabCSS hands you copy-paste-ready code in one click. ★ WHAT YOU CAN DO • One-click clean CSS — only the rules that matter, not the ~350 computed properties the browser exposes. • Copy HTML too — the element's markup, pretty-printed with proper indentation. • Hover, focus & active states — the styles DevTools hides until you force-toggle them. • Colors & fonts — live color swatches, exact font family and size, dimensions and the box model. • WCAG contrast checks — instant AA/AAA results for any text you hover. • Navigate the DOM — jump to parent or child elements with the arrow keys. • Power options — ignore vendor prefixes, strip inherited styles, convert units to px, smart selectors, grid overlay and guidelines. ★ HOW IT WORKS 1. Activate GrabCSS on any page (Alt+Shift+C) or click the toolbar icon. 2. Hover an element — its clean CSS appears in a card that follows your cursor. 3. Click to copy. Press Space to pin the card. ★ WHO IT'S FOR Front-end developers, web designers, and anyone who rebuilds, learns from, or audits the styling of real websites. ★ PRICING Free to install and try. Unlock unlimited one-click copying with a one-time license — no subscription, with a 14-day money-back guarantee.