USED BY +5000 DEVELOPERS

All-in-one browser extension for web development

Hoverify is a suite of tools to enhance your web development experience and boost your productivity.

Tools for professional web developers.

Made to improve and ease your daily development experience.

INSPECTOR

Inspect html and css by just hovering over the element.

COLOR EYEDROPPER

Pick colors from anywhere on the page even images and iframes.

BUILT WITH

Know what technologies a site uses with one click.

RESPONSIVE

Preview any site on multiple screen sizes side-by-side.

ASSETS

Quickly fetch images, svgs and videos from page.

SCREENSHOTS

Take screenshot of page or every tab at once.

Inspector

Hoverify makes it radically easy to inspect any site by just hovering over the element.

Computed View

All element styles compiled to show in a compact view.

Selector View

Styles are separated according to their proper selectors.

Media Queries & Animations

Extracts all the styles from media queries and keyframe animations.

Pseudo Element & Classes

Inspect pseudo element (:hover, :focus, etc) & element (:after, :before, etc).

Live Edit Styles

Live edit all the styles, even media queries and animations.

Copy Styles

Press spacebar to copy styles of the element.

Export to Codepen

Easily export whole component with children element to codepen.

Google Fonts

Extracts & search font used in a element on Google Fonts.

Guidelines

Check vertical and horizontal alignment of a element.

Grids

Draw outline around every element to know page structure.

Syntax Highlighting

All the styles are syntax highlighted for better reading.

Edit Element

Check how different copy looks on your page by editing element content.

Hide/Remove Elements

Easily debug page structure by removing element. Changes can be persisted if you want!

Search Elements

Find element through tag name, id or classes. Even with css selectors.

Hot Reload

Conveniently restarts whenever page is reloaded.

Color Eyedropper

Pick colors from anywhere on the page, even images and iframes.

Assets

Extract images, svgs and videos from page and download them.

Responsive Mode

Preview all target screens in a single window side-by-side. Brings down your development time!

Mirrored Interactions

Any click, scroll or navigation that you perform in one device will be replicated to all devices in real-time.

Manage Devices

Add new custom device profiles as you like and arrange devices to fit your style.

Hot-Reloading Supported

Does your development server support Hot-Reloading? Then we do too! Hot-Reload all devices in real-time for every save.

Built With

Ever wonder what technologies a site uses? Now you can know that just by one click.

Screenshots

Take screenshot of the page or capture screenshot of all the tabs at once.

Not supported in Firefox

Video Reviews

Check out these reviews to get a deeper understanding.

One-time purchase
  • All features
  • All future updates
  • License for 3 browsers

What people are saying

Thousands of developers around the world love using Hoverify to enhance their development experience.

Frequently Asked Questions

You have questions, we have answers!

  • Do you offer a trial version?

    As of now we don't provide any trial version of Hoverify. Although we have a 14 day refund policy.

  • Can I activate my license key in my work and home computer?
    Yes, one license key can be activated in 3 browsers at the same time. If you want to activate it on another browser than you have to deactivate from previous. You can manage your license keys with our Dashboard.
  • What browsers are supported by Hoverify?

    Hoverify supports Chrome, Firefox and Chromium forks like Brave, Edge, etc. Please note that Firefox version is experimental and may not contain certain features.

    Please feel free to contact us if your browser is not listed or have any doubt regarding support.

  • Do you collect my personal data?

    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 page views on our landing page and paddle to process transactions.