CSS Deconstructed

This extension breaks down then reapplies the CSS (one rule at at time) for a specific element

CSS Deconstructed is available for download. It had 434 active users before it was removed from Chrome Web Store on 2022-04-30, and it has been downloaded from Chrome-Stats 3 times. The latest version is 0.0.0.3, and it was published 3 years ago. Be careful when installing it.

View source code
Total download count: 3 (Only count downloads from Chrome-Stats)

All available versions

You can find the current and older versions of CSS Deconstructed here. You can download the archived versions or inspect their source codes.

As a free user, you can only download the latest version.

Upgrade to download older versions
 1 version available for download.

Install CRX file

Option 1: The easy way (for Windows users only)

  1. Download and run chrome-stats.exe file on your PC. This method will allow you to install Chrome extensions directly from chrome-stats.com in one click. You only need to do this once!
  2. Type in chrome://restart in the URL bar to restart the browser for the changes to take effect.
  3. Download and install the CSS Deconstructed CRX file

Option 2: Advanced method

  1. Download CSS Deconstructed CRX file
  2. NOTE: Sometimes the browser may block downloading / installing CRX file from outside the Chrome Web Store. If so, you may need to use option 1, or download the ZIP file instead.
  3. In the URL bar, go to chrome://extensions
  4. Enable Developer mode
  5. Drag and drop the downloaded CSS Deconstructed CRX file into the Extensions page
  6. When prompted, click Add extension to install CSS Deconstructed.

Install ZIP file

  1. Download and unpack the CSS Deconstructed ZIP file to a directory of your choice.
  2. In Chrome browser, go to chrome://extensions
  3. Enable Developer mode.
  4. Click on the Load Unpacked button.
  5. Select the directory of with the unpacked CSS Deconstructed ZIP file from step 1. CSS Deconstructed is now installed on your browser.

Similar extensions

Here are some Chrome extensions that are similar to CSS Deconstructed:

HTML Hierarchy Visualizer
HTML Hierarchy Visualizer
steven.massola
5.00
2,000+
CSS Brio
CSS Brio
JRAYCV
5.00
3,000+
DynamicCSSEditor
DynamicCSSEditor
jeiel.libert
4.67
164
CSS Spy
CSS Spy
SoftwareSeni
3.94
3,000+
HTML Visual Validation
HTML Visual Validation
btisseo
4.38
4,000+
CSS Picker (beta)
CSS Picker (beta)
konstantin.oficerov
3.67
925
Differen-CSS
Differen-CSS
ptdimitry
2.00
96
DevTools Classes & Atributes panel
DevTools Classes & Atributes panel
Gustavo Sillero
5.00
301
Web Design Pirate
Web Design Pirate
Dalimil Hajek
3.71
2,000+
Style Adjuster
Style Adjuster
https://thinkinghard.com
1.00
184
Restyler
Restyler
asimen1
4.79
473
eXtract Snippet
eXtract Snippet
Melwyn Pawar
3.11
9,000+
CSS Filters Editor
CSS Filters Editor
http://www.clicktorelease.com
5.00
235
DOM X-Ray
DOM X-Ray
https://nick-vincent.com
5.00
1,000+
Template Cloner
Template Cloner
hanhyuk83.cho
3.25
595
CSS Extractor (Extracts style & media rules)
CSS Extractor (Extracts style & media rules)
https://gadget-vignette.blogspot.com
1.20
987
Quickfix CSS Editor
Quickfix CSS Editor
201 Created AB
4.00
363
Layout Debugger
Layout Debugger
cdsnowden
4.00
912
Front End Developer Tools
Front End Developer Tools
Chance Dai
4.00
535
Outliner CSS
Outliner CSS
tarah
5.00
10,000+
SnipCSS
SnipCSS
https://www.snipcss.com
3.94
20,000+
Code References
Code References
Sep Dev
4.00
867
CSS Used
CSS Used
https://bobscript.com
4.51
60,000+
simple-debug.css
simple-debug.css
https://chrisnager.com
4.71
1,000+