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

Magic CSS - Live Editor for CSS, Less & Sass | Firefox Add-on
Live editor for CSS, Less & Sass - Magic CSS is a resourceful Firefox add-on that allows developers to instantly see the results of their CSS, Less or Sass code. Changes are auto-saved and applicable styles loaded automatically. With additional features like syntax highlighting, autocompletion, and linters, it also allows conversion of Less/Sass to CSS code, code beautification and minification, and CSS reloader functionality, making styling code development and testing more efficient.
Add-on stats
Manifest V2
Rating: 4.57
(44)
Weekly download count: 40
Firefox on Android: No
Permissions:
- activeTab
- storage
- unlimitedStorage
- webNavigation
- <all_urls>
Size: 801.93K
Email: we*****@gmail.com
URLs: Website ,Privacy policy
Full description: See detailed description
Ranking
Other platforms
Not available on Android
Not available on Edge
User reviews
Pros
- Very useful for quick CSS edits.
- Helps users who struggle with CSS.
- Cool functionality for real-time editing.
- Light and efficient tool for CSS editing.
- Great for debugging and styling in live mode.
Cons
- Lacks SASS support which is available in the Chrome version.
- Does not permanently save changes, requiring frequent reactivation.
- Lacks a side bar version preferred by some users.
- No option to pin the add-on, needing to activate it each time.
- Could benefit from UI improvements like a theme switcher.
Most mentioned
- Desire for SASS support like in Chrome version.
- Inconvenience of not saving changes permanently.
- Preference for a sidebar editor versus a popup.
- Need for a 'pin' feature for easier access.
- Request for UI enhancements including themes.
User reviews
by 天灭中共退党团队保平安, 2025-02-13
by JD, 2024-11-04
by ROVbeard, 2024-05-25
Add-on safety
Risk impact
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 ****** ********* ** * ****** ******** ******** ********** * ******* ******* *****
- Low ******* ****** ** *** ********* ********
Risk likelihood
We don't have sufficient data to confidently determine the risk likelihood of Live editor for CSS, Less & Sass - Magic CSS. Use it at your own risk.
Risk likelihood analysis details
- High This extension has low user count. Unpopular extensions may not be stable or safe.
- Low **** ********* *** ******* **** **** * ****** **** ***** ******** *** **** ****** ** ** ****** *** *****
- Low **** ********* *** ***** **** **** * ****** **** ***** ********** *** **** ****** ** ** ****** *** *****
- Good **** ********* *** **** **** *******
Upgrade to see full risk analysis details