Live editor for CSS, Less & Sass - Magic CSS

Name: Live editor for CSS, Less & Sass - Magic CSS
Rating: 4.5682 (44 reviews)
Author: webextensions.org

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

Download

Install

Features & Capabilities

Magic CSS is a powerful Chrome extension that enables live editing and previewing of CSS, Less, and Sass code directly in your browser. It auto-saves your changes, supports syntax highlighting, autocomplete, and Emmet abbreviations, making styling faster and more efficient.

With a built-in CSS reloader, color picker, linter, and the ability to convert Less/Sass to CSS, Magic CSS streamlines web development. It includes features like auto-generating CSS selectors with point-and-click, code beautify and minify, DOM element highlighting, and iframe support. Open source and compatible with Chrome, Edge, and Firefox, it is ideal for developers wanting real-time styling feedback without refreshing pages, enhancing productivity and customizing website themes effortlessly.

User Growth & Download Statistics

Add-on Developer Tools Programming Design

By:

Daily users:

Rating:

Version:

8.10.2 Last updated: 2021-04-21

Version code:

5219125

Creation date:

2017-04-20

Risk:

Permissions:

Size:

783.14KB

Email:

we*****@gmail.com

URLs:

Website ,Privacy policy

Full description:

Source:

Firefox Add-ons Store

Data ingested on:

2026-07-12

Compare stats and ranking:

Ranking

# 2,571 ▼ 23

Other rankings

#293 in Web Development ▲ 1

#5 in css editor keyword 27

#12 in magic keyword 47

#21 in editor keyword 24

#22 in live keyword 46

Upgrade to see more rankings

Other platforms

Live editor for CSS, Less & Sass - Magic CSS (v8.22.5)

60,000 4.63

(280)

For Developers

Monetize with App Pass Boost with Extension Booster

Contact the developer

Chrome-Stats does not own this Firefox add-on. Please use these information below to contact the Firefox add-on developer.

Developed by:

webextensions.org

Firefox Add-ons Store

https://addons.mozilla.org/firefox/addon/live-editor-for-css-less-sass/

Email:

we*****@gmail.com

Website:

https://webextensions.org/

User Reviews

Users find 'Magic CSS' very useful as a live CSS editor, simplifying style editing with efficient, lightweight functionality suitable even for non-experts. Common complaints include the lack of persistent changes requiring reopening the addon each session, absence of pinning to keep it active, and limited UI customization. Users also wish for SASS support and the ability to manage local stylesheets like older tools. Overall, it is appreciated but could improve with added persistence, better interface options, and enhanced feature parity with similar extensions.

Pros

Very useful and handy live CSS editor functionality for quick styling changes.
Makes defining and editing CSS easy even for users not proficient with CSS.
Lightweight and simple extension that enhances productivity without heavy tools.
Appreciated for its efficient live editing for CSS, Less, and Sass.
Provides a better alternative to browser default dev tools for live CSS adjustments.

Cons

Lacks auto-save or persistent saving of changes, requiring reopening the addon each time.
No option for pinning or fixing the editor interface, causing it to close or deactivate frequently.
UI is limited, with suggestions to improve visual design including themes and less distracting colors.
Missing SASS support compared to the Chrome version, which impacts users relying on SASS features.
Cannot open/save local stylesheets directly, unlike some older related extensions, limiting workflow convenience.

Recent reviews

by so*****, 2026-04-12

by 退出*****, 2025-03-28

by 天灭*****, 2025-02-13

View all user reviews ›

Is Live editor for CSS, Less & Sass - Magic CSS Safe?

Risk impact

Risk impact measures the level of extra permissions an extension has access to. A low risk impact extension cannot do much harms, whereas a high risk impact extension can do a lot of damage like stealing your password, bypassing your security settings, and accessing your personal data. High risk impact extensions are not necessarily malicious. However, if they do turn malicious, they can be very harmful.

Live editor for CSS, Less & Sass - Magic CSS requires a few sensitive permissions. Exercise caution before installing.

Risk impact analysis details

Critical Allows access to all websites, posing a significant security risk as it can monitor and modify data from any visited site.
High ****** ********* ** * ****** ******** ******** ********** * ******* ******* *****

Risk likelihood

Risk likelihood measures the probability that a Firefox add-on may turn malicious. This is determined by the publisher and the Firefox add-on reputation on Firefox Add-ons Store, the amount of time the Firefox add-on has been around, and other signals about the Firefox add-on. Our algorithms are not perfect, and are subject to change as we discover new ways to detect malicious extensions. We recommend that you always exercise caution when installing a Firefox add-on.

Live editor for CSS, Less & Sass - Magic CSS has earned a fairly good reputation and likely can be trusted.

Risk likelihood analysis details

High This extension has low user count. Unpopular extensions may not be stable or safe.
Low **** ********* *** ******* **** **** * ****** **** ***** ******** *** **** ****** ** ** ****** *** *****
Low **** ********* *** ***** **** **** * ****** **** ***** ********** *** **** ****** ** ** ****** *** *****
Good **** ********* *** **** **** *******