Firefox

Eight web developer tools in one Firefox add-on

Hoverify is a Firefox extension for web developers: inspect and edit CSS, test responsive layouts, pick colors, pull assets, read a site's stack, audit on-page SEO and capture screenshots, all from panels on the page. Every one of them runs in the Firefox build, which carries an experimental label because Chromium gets fixes and new features first.

Get Hoverify

Add to Firefox

14-day money-back guarantee

4.1 average rating

· Trusted by +22,000 developers and designers

Inspect and edit

Responsive viewer

Screenshots

On-page SEO

Install

How to install the Hoverify Firefox add-on

Three steps, about a minute. Add it, pin it, then sign in with your license key and all eight tools are live on the next page you open.

Add it from Firefox Add-ons

Open the listing and choose Add to Firefox, then confirm the permissions prompt. It lands in the extensions button at the right of the address bar.

Pin it to your toolbar

Click the extensions button to the right of the address bar and pin Hoverify. The popup is where every tool switches on, so it's worth keeping in reach.

Sign in with your license key

The popup asks for your key, the email you bought with and a name for this activation, so your machines are told apart in the Dashboard. No key yet? The popup links to the pricing page.

Add to Firefox Get a license key

Firefox 109 or newer. The release that added the extensions button, which is where Hoverify gets pinned.

Shortcuts you choose. Firefox keeps them in the Add-ons Manager rather than at a typeable URL. Mozilla's guide has the path.

Chromium leads, Firefox follows. All eight tools ship here. Fixes and new features reach the Chromium build first, which is what the experimental label means.

What's in it

Eight tools, one toolbar icon

The reason to install one add-on rather than eight. Each tool has its own page if you want the detail.

Inspector Hover to see an element's HTML and source CSS, then edit or copy it. Responsive Viewer Load your page on 33 device viewports at once, scrolling together. Screenshot Full page, viewport, area or element, with an editor built in. Color Eyedropper Pick any color on a page, images and iframes included. Assets Every image, SVG, video, PDF and Lottie file a page loads. Site Stack Frameworks, CMS, hosting, DNS and SSL for any domain. SEO Checker Core Web Vitals, meta, headings, images, links and schema. Debug Clear browsing data, inject code, optimize images, audit accessibility.

Both browsers

One license runs in Firefox and Chrome together

A license activates in 3 browsers at a time and they don't have to be the same browser, which matters here: Chromium is where every feature lands first.

Keep Firefox as your daily browser and put one of your other two activations in Chrome or Brave for the times a tool needs the fully supported build.

See the Chrome extension

3 activations per license. Firefox and Chrome at the same time, off the same key. Move one from the Dashboard whenever you need a fourth machine.

Chromium is fully supported. Chrome, Edge, Brave and Opera install the same build from the Chrome Web Store, and that build carries everything.

What developers and designers say about Hoverify

Reviews from the Chrome Web Store.

David McElligott

love this extension, latest update had a minor bug but was fixed very quickly by dev. Has been super reliable for us at nearly a daily use.

Ecom Queens

Incredible app for web designers! Wow!! I'm really impressed, it combined a ton of other tools I was using. So happy I found this.

Frequently Asked Questions

Have a question we haven't answered? Get in touch.

How do I install Hoverify in Firefox?

Open the Firefox Add-ons listing and choose Add to Firefox. Pin it from the extensions button next to the address bar, then open the popup and sign in with your license key.

What does experimental mean here?

That all eight tools ship in it, and that Chromium gets fixes and new features first. Chrome, Edge, Brave and the other Chromium browsers are the ones we support fully, so the Firefox build follows rather than leads and a behaviour can differ. If something works differently from Chrome, write to hello@tryhoverify.com and say which tool, because that's what moves it up the list.

Is the Firefox add-on free?

No, Hoverify is paid, with a 14-day refund policy behind it, so you can add it, sign in and still change your mind. Adding it without a license key opens the sign-in screen rather than a limited version, which is why there's no trial build on Firefox Add-ons. One license runs in 3 browsers at a time, and Firefox can be one of them. See the pricing.

Which version of Firefox does it need?

Firefox 109 or newer. That's the release that introduced the extensions button in the toolbar, which is where you pin Hoverify.

Can I use one license in Firefox and Chrome at once?

Yes. A license activates in 3 browsers at a time, and they don't have to be the same browser. Firefox on your laptop and Chrome on your desktop is two of the three. The Chrome page covers that build.

Do I need DevTools open to use it?

No. Hoverify draws its panels on the page itself, so you hover an element and read its HTML and CSS without the inspector taking half the window.

Can I change the keyboard shortcuts?

Yes. Firefox keeps extension shortcuts in its Add-ons Manager rather than at a URL you can type, and Mozilla's manage extension shortcuts article walks through where it is.

For web developers

Work in the browser you already keep open

Inspect an element, check it across devices, pull the assets and export the audit without leaving the tab you're working in. Buy a key, install from Firefox Add-ons and sign in.

Get Hoverify See the whole toolkit