CSS Scan

CSS Scan is a browser extension, providing one of the fastest and easiest ways to check, copy and edit CSS.

Say goodbye to “Inspect Element” — Check the CSS of any element you hover over, instantly, and copy its entire rules with a single click.

Club members get 30% OFF CSS Scan or CSS Scan Pro.

Not seeing the deal instructions below? Become a Club member today!

Solution Overview

CSS Scan

The smartest browser extension for CSS inspection

No unuseful duplicated or longhand CSS. CSS Scan uses the same technology used by Google and Github with our own improvements to quickly clean any CSS trash for you. Precise, shorthanded, and advanced optimizations.

Easy and lightspeed inspection

Understand how everything works without wasting time hunting through infinite CSS rules on the browsers' Dev Tools. Get all the active styles on the fly and finish your work faster. Use shortcuts to work with it even quicker.

Copy any element you want

If you want to copy the CSS of this element right now, it's a pain. With CSS Scan, you just click, and it's yours. Create your perfect page.

CSS Scan Pro

The PRO version picks up where CSS Scan leaves off and a whole lot more.

CSS Scan vs. CSS Scan PRO

PRO has everything that CSS Scan has, plus:

  • Visual Editor: change the CSS of any element visually and interactively and get the new CSS code ready to use.
  • Copy the HTML and CSS of all the element’s children – instead of just copying the selected element.
  • Save an element as a file.
  • Live-edit the text of any element.
  • Live-edit every CSS: including all pseudo-classes, all pseudo-elements, and @keyframes as well!
  • CSS Keyframes reading (understand any CSS animation you see on the web).
  • Check all the changes made in the CSS and copy it or export it to a file.
  • Generate a shareable link that anyone can access to see a website with your CSS modifications (even if they don’t have the extension installed).
  • Chrome and Firefox Devtools integration: you can use CSS Scan Pro inside your Devtools, which means you can see the entire DOM tree, choose any element precisely and understand what’s going on in the CSS straightaway!
  • A color eyedropper (pick colors from any website – works on images too).
  • A color palette to get all the colors of any website.
  • A Real-time advanced ruler for measure distances and elements dimensions.
  • Option to generate and copy unique CSS selectors
  • Assets feature: get all images loaded in a page: from background-images, .svgs, or img src.
  • Save all assets from a website with 1 click.
  • A color picker to easily change colors + change color syntax + gets tints and shades of the selected color.
  • Convert relative URLs to absolute.
  • Remove any website element with a click.
  • Premium Support.
  • Access To Pro Updates.

WooCommerce Subscriptions Ready

The latest version of the WooCommerce Subscriptions plugin is included (unlicensed) and once you have a Starter Site in hand, you can easily put in your own pricing, package features, graphics, etc.

Should you not wish to use WooCommerce Subscriptions, you can simply turn the Listing Subscription packages into standard MyListing packages in just a few clicks and be on your way.

  • WooCommerce Endpoint Design
  • WooCoommerce Subscriptions Setup
  • Listing Subscription Packages
  • Listing Subscription Switching
  • Stripe Payment Gateway Plugin
  •  and more…

Premium Assets

Get licensed, premium plugins, valued at over $600 in the first year alone, making a Starter Site investment a no-brainer.

You will get licensed copies of all the plugins listed below, with the exception of the WooCommerce Subscriptions and WooCommerce Product Vendors, and the licenses are yours to keep, for as long as the plugins remain on your website.

  • Elementor Pro ($49)
  • Perfmatters ($25)
  • Permalink Manager Pro ($45)
  • SEOPress Pro ($39)
  • UiPress ($39)
  • WooCommerce Product Vendors ($79) 
  • WooCommerce Subscriptions ($199)
  • WP Rocket ($49)