GrabCSS

Copy any element's CSS & HTML in one click

Chrome Extensions Design Tools Developer Toolsローンチ 2026年6月29日

GrabCSS とは？

Copying CSS from a site usually means opening DevTools and digging through hundreds of inherited rules. GrabCSS makes it one click: hover any element, see its clean CSS in a card that follows your cursor, click to copy. What's different: • Copies the :hover / :focus / :active states DevTools hides • Copies clean HTML too, pretty-printed • WCAG contrast, color swatches, fonts, box model Chrome & Edge.

スクリーンショット

まだコメントはありません。最初のひとりになりましょう！