Hover any element on any webpage to see its styles, copy CSS in multiple formats, and export full components. Zero setup required.
Add to Chrome — FreeMove your cursor over any element to instantly see its computed CSS properties, organized by category.
Copy styles as CSS, Tailwind classes, SCSS, or JavaScript objects. One click to clipboard.
Extract any element as a reusable React, Vue, or HTML+CSS component with all styles included.
Capture entire pages as PNG or PDF with a single click. Automatic scroll-and-stitch for full coverage.
Use arrow keys to traverse parent, child, and sibling elements. Pin the panel with Space.
Visualize margin, padding, and content areas with color-coded overlays on any element.
Free for CSS inspection. Upgrade for component export.