Hoverify Showcase: Alternative to CSS Scan Pro

All Features of Hoverify

Inspector

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

• Computed View: All element styles are 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 the spacebar to copy the styles of the element.
• Export to Codepen: Easily export the whole component with children element to codepen.
• Google Fonts: Extracts & search font used in an element on Google Fonts.
• Guidelines: Check vertical and horizontal alignment of an element
• Grids: Draw an outline around every element to know the page structure
• Syntax Highlighting: All the styles are syntax highlighting 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 elements. Changes can be persisted if you want!
• Search Elements: Find elements through tag name, id, or classes. Even with CSS selectors
• Custom CSS & JS: Add custom CSS and Javascript to the page automatically injected when you visit the page next time.
• Color Pallete: Inspect the color pallet of the whole site in a visual way.
• Font Viewer: Know what font each tag is using.
• Hot Reload: Conveniently restarts whenever the page is reloaded.

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 on 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.

Others

• Color Eyedropper: Pick colors from anywhere on the page, even from images and iframes.
• Assets: Extract images, svgs, videos, and lottie animations from the page and download them.
• Built With: The simplest way to get hosting, technology, DNS, and SSL information about the site.
• Screenshots: Capture the full page or specific region on the page. Hoverify can do it all.
• Debug: Clear cache, find meta tags, test hyperlinks, analyze HTML Semantic Elements or run spellcheck in just one click.