Inspect html and css by just hovering over the element.
Pick colors from anywhere on the page even images and iframes.
Know what technologies a site uses with one click.
Preview any site on multiple screen sizes side-by-side.
Quickly fetch images, svgs and videos from page.
Take screenshot of page or every tab at once.
Hoverify makes it radically easy to inspect any site by just hovering over the element.
All element styles compiled to show in a compact view.
Styles are separated according to their proper selectors.
Extracts all the styles from media queries and keyframe animations.
Inspect pseudo element (:hover, :focus, etc) & element (:after, :before, etc).
Live edit all the styles, even media queries and animations.
Press spacebar to copy styles of the element.
Easily export whole component with children element to codepen.
Extracts & search font used in a element on Google Fonts.
Check vertical and horizontal alignment of a element
Draw outline around every element to know page structure
All the styles are syntax highlighted for better reading
Check how different copy looks on your page by editing element content
Easily debug page structure by removing element. Changes can be persisted if you want!
Find element through tag name, id or classes. Even with css selectors
Inspect color pallete of whole site in a visual way.
Know what font each tag is using.
Conveniently restarts whenever page is reloaded.
Pick colors from anywhere on the page, even images and iframes.
Extract images, svgs and videos from page and download them.
Any click, scroll or navigation that you perform in one device will be replicated to all devices in real-time.
Add new custom device profiles as you like and arrange devices to fit your style.
Does your development server support Hot-Reloading? Then we do too! Hot-Reload all devices in real-time for every save.
Ever wonder what technologies a site uses? Now you can know that just by one click.
Take screenshot of the page or capture screenshot of all the tabs at once.
Clear cache, find meta tags, view hyperlinks or run a spellcheckOnly available on chrome and supports english in just one click.
How was I living without this??? Essential for frontends and UI/UXers. Well done! @zicsusBranko Zivanovic
been playing with @hov3rify almost the whole day pure joy. This lovely tool is gonna help you a lot when inspecting CSS...love itMichael Andreuzza
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!Fajar Siddiq
Great Extension!! really clean design packed with loads of functionality, perfect tool for web dev!Phillip Boateng
Just great. The time I bought it was not so much but now after the latest upgrade, it's just love. Got every useful developing and designing tool in one extension. I was going for cssscan, but this extension is far more better than that. Even the price is 1/3 of CSS Scan. So, highly recommended and shootout to the extension developer. Great work bro. I love it....Muhammad Osama
Found this awesome piece of the tool to Inspect HTML and CSS with light speed and make your life a little easier as a web creator.Mohammed Wasim Akram
Found an incredibly useful web design / development tool called Hoverify. Allows you to inspect elements on any site, copy styles, show grids, check on different viewports, grab asset lists, hide elements, and a whole lot more.Madhu Menon
Hoverify supports Chrome, Firefox, and Chromium forks like Brave, Edge, etc. Please note that the Firefox version is experimental and may not contain certain features.
Please feel free to contact us if your browser is not listed or you have any doubt regarding support.