v1.0.0 · Chrome · MV3 · 16 KB

CSSGrab

Click any element to inspect and copy its CSS. Properties organized by category — Layout, Typography, Visual, Transform. One-click copy for any property or the whole set.

What You See

Layout
Typography
Visual
Transform
display flex copy
flex-direction column copy
gap 16px copy
padding 24px copy
border-radius 12px copy
max-width 800px copy

Click to Inspect

Activate the picker, hover to highlight, click to capture. Shadow DOM overlay means zero interference with the page.

FREE

Categorized Properties

CSS properties organized into 4 categories: Layout (33 props), Typography (13), Visual (24), Transform (4). Find what you need fast.

FREE

Smart Default Filtering

Hides boring defaults (position: static, display: inline, zero margins). Only shows properties that actually matter.

FREE

One-Click Copy

Copy individual properties or all properties in a category. Formatted as valid CSS, ready to paste into your stylesheet.

FREE

Tailwind Mapping

See Tailwind CSS utility classes for each property. Copy Tailwind classes instead of raw CSS for utility-first workflows.

PRO

CSS Diff

Compare CSS between two elements. See what changed at a glance — perfect for debugging layout differences.

PRO

Box Model Visualizer

Visual box model diagram showing margin, border, padding, and content dimensions. Like DevTools, but faster.

PRO

Lightweight & Fast

Only 16 KB zipped. No external dependencies. Runs entirely in the browser with zero performance impact.

FREE