Hoverify - Quickly inspect element, pick colors, capture and much more

Hoverify

•6yr ago

A browser extension that makes it super easy to inspect elements. Hover over any element to inspect styles and HTML attributes, live edit CSS, HTML or content, pick colors, capture and much more.

Replies

Best

Hoverify

Maker

A browser extension that makes it super easy to inspect elements. Hover over any element to inspect styles and HTML attributes, live edit CSS, HTML or content, pick colors and much more. Hi Producthunt!, My name is Himanshu Mishra I would like to introduce you Hoverify, A browser extension that makes it super easy to inspect by just hovering over the element. If you are anything like me then you would often find yourself scrolling through the inspect window. Which gets worse with page size. So 6 months and an infinite cup of coffee later, 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. I'm an independent developer from India. I've got a line of features for Hoverify that continues to grow. I'd love to hear your thoughts.

Report

6yr ago

Raycast

@zicsus when you remove/delete elements from a site/domain, are those deletions persistent after reloading the page? In other words, can this be used like Greasemonkey?

Report

6yr ago

Hoverify

Maker

@chrismessina No this does not persist any changes. Although this is a great idea which I will add to list. Thanks!

Report

6yr ago

Raycast

@zicsus awesome, would be really cool if there were an option, perhaps on page unload, to "Save changes". Also, sent you a DM on Twitter!

Report

6yr ago

Hoverify

Maker

@chrismessina Thanks! just replied you :)

Report

6yr ago

I've been using Hoverify for months now. I'm glad to see how it started from the beginning. Is very useful, i love the product. I'm impressed so many things i can do with it. Congratulations Himanshu! 💯

Report

6yr ago

Hoverify

Maker

@fajarsiddiq Thanks for your help and guidance over the months. I couldn't have done this without it. :)

Report

6yr ago

@zicsus You're most welcome! You did it!!! ;) I'm currently using right now while you are launching. I'm so happy for you 💯 I shared with my developer/software engineer friends.

Report

6yr ago

Entrepreneur OS

The UI looks much better than Chrome Developer Console. Just saying

Report

6yr ago

Reader Mode

Congrats on the launch! It's really fast to inspect css of any webpage!

Report

6yr ago

Hoverify

Maker

@ryzalyusoff Thanks Ryzal! Glad that you liked it

Report

6yr ago

Great tool for web designers 👍 It offers creative approach to a design by inspection of elements from different sources

Report

6yr ago

Master for Figma

This looks suspiciously identical to CSS Scan. How is Hoverify different?

Report

6yr ago

Hoverify

Maker

@zyumbik Hii Gleb! The difference between Hoverify and CSS Scan may not be that clear at first but with Hoverify I am trying to target bunch of pain points that I have in my daily dev life and sharing it along so that others can be benefited. Hoverify is not just a styles inspect and copy tool. It targets whole bunch of other problems with hovering as the main mechanism. Selector mode, remove/hide elements, edit content, search element, screenshots are some of the major different features that Hoverify have. Thanks!

Report

6yr ago