Hoverify

Hi PH,

Your favourite extension is back!

I last launched Hoverify more than 3 years ago, and you showed no shortage of love making it the top product of the day.

Inspired by your love, I released a complete overhaul of the extension, written from scratch for my users. Since then, I've been ironing out bugs and adding new features and improvements. I think this is the right time to show the world what it can do.

Here is a small overview:

⭐ Inspector: Hover to Inspect, Click to Edit

• Inspect any site by hovering over the element.

• Don't miss any styles. Inspect pseudo-elements and classes.

• Inspect and edit styles for all screen sizes and animations in real time.

• Style elements visually with our powerful visual editor in real time.

• Edit HTML, styles, media queries, and animations in real-time.

• The code is syntax-highlighted for better reading and editing.

• Copy or export the whole component with children to CodePen.

• Edit Copy - Check how different copy looks on your page by editing the element's content in real-time.

• Hide or Remove Elements - Debug page structure by hiding or removing elements.

• Color Palette - Get every color from the page.

• Font Viewer - Know what fonts each tag is using.

• Search - Find the element through tag name, id, or classes. Even with CSS selectors!

• CSS Box - Visually inspect the padding, margin, border, and size of the element.

⭐ Color Eyedropper: Spot, Point, and Select Colors

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

• Get RGB, CMYK, HSL, and hex values.

⭐ Responsive Viewer: Preview on Multiple Devices

• Test your websites on multiple devices under multiple conditions in parallel.

• Click or scroll on one device and other devices will follow.

• Simulate modern devices with frames, frame styles, and OS.

• Add new custom device profiles to fit your needs.

• Test sites on viewports bigger than your display.

• Change user-agent.

⭐ Assets: Extract all the assets in one place

• Extract images, videos, SVGs, PDFs, Lottie animations, and favicons from the page.

• Extract assets from iframes and hidden elements. No valuable content is overlooked.

• Filter and sort assets by type, size, and format. Find what you need quickly.

• Zip and save all assets in one click. No more manual downloading.

⭐ Site Stack: Discover the tech stack behind any website

• Get insights into the technologies, hosting, DNS, SSL, and WordPress plugins being used.

• Hosting - Find out where a site is hosted, the IP address, and the hosting provider.

• Technologies - Discover the technologies, frameworks, libraries, and plugins being used on any site.

• DNS - Get insights into the DNS records, nameservers, and the registrar of the domain.

• SSL - Check the SSL certificate, issuer, and expiry date of the site.

• WordPress - Find out if a site is using WordPress, the theme, and the plugins being used.

• Export data in JSON files.

⭐ SEO: Optimize your site for search engines

• Quickly analyze meta tags, links, headers, and HTML elements to improve your site's visibility and search engine compatibility.

• Meta Analyzer - Ensure your meta descriptions, keywords, and robot tags are perfectly tuned for SEO.

• Links - Check all internal and external links for integrity. Detect broken links and redirect issues.

• Headers - Organize your H1s through H6s, improving readability for both users and search engines.

• HTML Semantic Elements - Enhance search engine understanding, ensuring your content is tagged correctly.

⭐ Capture: Take stunning screenshots of any website

• Showcase the full webpage or just any part of it with our screenshot tools. Save screenshots in JPEG, PNG, WEBP, or PDF format.

• Visible Part - Capture the visible part of the viewport of the page in high resolution.

• Full Page - Capture the full page and showcase the entire page in one image.

• Select Area - Click and drag to select any area of the page to capture.

• Select Element - Capture any component on the page by clicking on it.

• Screenshot Editor - Add backgrounds, effects, branding, and annotations. Show your screenshots in style.

⭐ Debug: Optimize and debug your site with ease

• Clear Browsing Data - Instantly remove browsing history, cache, cookies, local storage, and more.

• Custom Code - Inject HTML, CSS, and JavaScript to tailor websites in real-time and make changes persistent.

• Optimize Images - Improve loading times by optimizing images on your landing page.

I would love to hear your thoughts on it.

Thanks!

Congrats @hmnshumishra — for V4 launch!

I’ve been using Hoverify since the very first release and it’s become one of my must-have extensions. It’s the one tool I open when I want to capture the screenshots, download the protected images, videos. I use color picker, site check feature regularly.

What I appreciate most is how the team keeps adding practical features without bloating the UI — everything feels thoughtful and fast. Big congrats on 4.0 — this is the kind of extension every front-end developer and designer should have in their toolkit.

I've been using Hoverify since its first launch. One of my favorite All-in-one browser extension to go to as a web-developer.
It helps me alot! thanks for making version 4.0, much love from Singapore!

Goated extension, a must have for developers. The productivity boost it offers to devs is insane. I've never had to use another extension after Hoverify

Congrata on the Launch. Himanshu, while i have not been an active user, I appreciate the regular updates you have been pushing. been following you for years. anyone who is considering giving a try know you are in right hands

The best thing since sliced bread. This tool has proven to be and stay useful for me for years and on a daily basis. That is an art of itself and as outstanding as the author of the tool himself. He is always pushing to make Hoverify even better.