GrabCSS — copy any element's CSS & HTML

About

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.