Live CSS Editor

Live preview of css change in devtools

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

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

All available versions

You can find the current and older versions of Live CSS Editor 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 Live CSS Editor CRX file

Option 2: Advanced method

  1. Download Live CSS Editor 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 Live CSS Editor CRX file into the Extensions page
  6. When prompted, click Add extension to install Live CSS Editor.

Install ZIP file

  1. Download and unpack the Live CSS Editor 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 Live CSS Editor ZIP file from step 1. Live CSS Editor is now installed on your browser.

Similar extensions

Here are some Chrome extensions that are similar to Live CSS Editor:

Code Plunker (Live HTML CSS Editor)
Code Plunker (Live HTML CSS Editor)
nixongalario
4.50
1,000+
User CSS
User CSS
https://dimox.name
3.59
50,000+
CSS Brush - Live CSS editor
CSS Brush - Live CSS editor
Bhargava Rama PVL
3.19
807
DevTools Classes & Atributes panel
DevTools Classes & Atributes panel
Gustavo Sillero
5.00
279
Amino: Live CSS Editor
Amino: Live CSS Editor
https://amino.dev
4.30
20,000+
Live CSS Editor
Live CSS Editor
https://www.livecsseditor.com
3.82
30,000+
Quickfix CSS Editor
Quickfix CSS Editor
201 Created AB
4.00
344
DynamicCSSEditor
DynamicCSSEditor
jeiel.libert
4.67
152
CSS Filters Editor
CSS Filters Editor
http://www.clicktorelease.com
5.00
235
TinkerCSS
TinkerCSS
Jan Baykara
3.00
154
Style Adjuster
Style Adjuster
https://thinkinghard.com
1.00
156
Differen-CSS
Differen-CSS
ptdimitry
2.00
96
CSS Deconstructed
CSS Deconstructed
kabbnigam
5.00
434
Css setting
Css setting
http://www.bac-a-sable.com
5.00
103
HTML CSS Live Editor
HTML CSS Live Editor
http://tutorialcodeplay.com
4.00
9,000+
Live editor for CSS, Less & Sass - Magic CSS
Live editor for CSS, Less & Sass - Magic CSS
https://webextensions.org
4.64
70,000+
Code Cola
Code Cola
https://www.zhouqicf.com
4.63
20,000+
CSS Shapes Editor
CSS Shapes Editor
Razvan Caliman
3.82
10,000+
Restyler
Restyler
asimen1
4.79
475
CSSLint
CSSLint
Wilson
5.00
372
CSS Picker (beta)
CSS Picker (beta)
konstantin.oficerov
3.67
925
CSS Spy
CSS Spy
SoftwareSeni
3.94
3,000+
Emmet LiveStyle
Emmet LiveStyle
https://emmet.io
4.36
20,000+
Save CSS
Save CSS
Tomi Mickelsson
3.86
2,000+