All-in-one browser extension for web development
Hoverify is a suite of tools to enhance your web development experience and boost your productivity.
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 seperated 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 persited if you want!
Find element through tag name, id or classes. Even with css selectors.
Conviently 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.
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
As of now we don't provide any trial version of Hoverify. Although we have a 14 day refund policy.
Hoverify supports Chrome and Chromium forks like Brave, Edge, etc. We have plans to extend our support over to Firefox.
Please feel free to contact us if your browser is not listed or have any doubt regarding support.
The extension needs the internet connection to check your license once, everything else is working offline. We use chrome's sync storage to synchronize data along browsers using same profile.
We use google analytics for tracking pageviews on our landing page and paddle to process transactions.