Live editor for CSS, Less & Sass - Magic CSS

Live preview of CSS/Less/Sass code changes. Auto-save file, autocomplete, Less/Sass to CSS, beautify, CSS reloader, lint, ...

Live editor for CSS, Less & Sass - Magic CSS is available to install from Chrome Web Store and for download from this page. It has 70,000+ active users The latest version is 8.22.5, and it was published 6 months ago.

View source code

Total download count: 215 (Only count downloads from Chrome-Stats)

All available versions

You can find the current and older versions of Live editor for CSS, Less & Sass - Magic CSS 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

Version	Download	Size	Download count	Timestamp
8.22.5	CRX · ZIP · Source code	2.25M	3	2024-07-24
8.22.4	Paid users only	2.25M	0	2024-07-21
8.22.3	Paid users only	2.25M	3	2024-03-07
8.22.1	Paid users only	2.82M	3	2024-01-14
8.22.0	Paid users only	2.82M	2	2023-11-10
8.21.3	Paid users only	2.80M	9	2023-04-18
8.21.2	Paid users only	2.80M	4	2023-04-15
8.20.3	Paid users only	1.89M	4	2023-03-14
8.20.2	Paid users only	1.38M	4	2023-03-06
8.20.1	Paid users only	1.65M	14	2022-11-22
8.19.0	Paid users only	2.53M	4	2022-11-19
8.18.6	Paid users only	1.46M	6	2022-08-11
8.18.5	Paid users only	1.46M	4	2022-08-11
8.18.4	Paid users only	1.46M	4	2022-08-07
8.18.3	Paid users only	1.46M	4	2022-06-10
8.18.0	Paid users only	1.46M	5	2022-06-06
8.17.0	Paid users only	1.43M	9	2021-06-22
8.16.0	Paid users only	1.43M	9	2021-06-09
8.15.0	Paid users only	1.43M	9	2021-06-08
8.14.1	Paid users only	1.43M	9	2021-06-07
8.13.5	Paid users only	1.42M	10	2021-06-06
8.13.4	Paid users only	1.42M	9	2021-06-05
8.13.3	Paid users only	1.42M	9	2021-06-04
8.13.2	Paid users only	1.42M	9	2021-06-02
8.12.0	Paid users only	1.08M	9	2021-05-03
8.11.0	Paid users only	784.38K	9	2021-04-24
8.9.0	Paid users only	732.16K	9	2021-04-16
8.7.1	Paid users only	587.78K	8	2021-01-14
8.6.0	Paid users only	586.75K	9	2020-10-16
8.5.2	Paid users only	563.20K	8	2020-10-15
8.5.1	Paid users only	563.20K	8	2020-09-20
8.3.0	Paid users only	553.98K	9	2020-04-17

Install CRX file

An CRX file is the file format used for distributing and installing browser extensions in Google Chrome, Microsoft Edge, and other Chromium-based browsers. These extensions add functionalities and features to the Chrome browser, enhancing user experience by integrating additional tools directly into the browsing interface. Similar to an executable file, a CRX file contains all the components needed for an extension to run, including JavaScript code, images, CSS files, and other resources.

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

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!
Type in chrome://restart in the URL bar to restart the browser for the changes to take effect.
Download and install the Live editor for CSS, Less & Sass - Magic CSS CRX file

Option 2: Advanced method

Download Live editor for CSS, Less & Sass - Magic CSS CRX file
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.
In the URL bar, go to chrome://extensions
Enable Developer mode
Drag and drop the downloaded Live editor for CSS, Less & Sass - Magic CSS CRX file into the Extensions page
When prompted, click Add extension to install Live editor for CSS, Less & Sass - Magic CSS.

Install ZIP file

Download and unpack the Live editor for CSS, Less & Sass - Magic CSS ZIP file to a directory of your choice.
In Chrome browser, go to chrome://extensions
Enable Developer mode.
Click on the Load Unpacked button.
Select the directory of with the unpacked Live editor for CSS, Less & Sass - Magic CSS ZIP file from step 1. Live editor for CSS, Less & Sass - Magic CSS is now installed on your browser.