A chrome extension that makes it super easy to inspect by just hovering over the element. Hoverify is the result with a bunch of features jammed together to make your web design a smooth experience.
With Hoverify you can- 👉 Inspect CSS and HTML just by hovering over the element. 👉 Use selector mode to see styles according to selectors. 👉 Copy styles by just clicking the spacebar or 'c'. 👉 Live edit CSS in computed mode. 👉 Live edit HTML attributes. 👉 Inspect media queries and animations. 👉 Edit the content of elements. 👉 Toggle visibility of elements or remove an element from the page. 👉 Quickly search elements by tags, classes and id. 👉 Pick colors from any element on the screen, even images, and iframes. 👉 Take a screenshot of the current tab or every tab with just one click.
CSS Scan - Instantly check or copy computed CSS from any element
Tailwind Builder - Tailwind CSS editor for busy developers
CodePen - A front end web development playground.
Css Inspector - Get the CSS of any element on the web
Toybox Inspect - Visually inspect CSS, accessibility, & redlines on your site
SnipCSS - SnipCSS allows you to extract only the associated html/css/images with a specific element on the page.