Live editor for CSS, Less & Sass - Magic CSS
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
Rating: 4.56 
(43)
Creation date: 2017-04-20
Weekly download count: 33
Firefox on Android: No
Risk impact: Moderate risk impact
Risk likelihood:
Manifest version: 2
Permissions:
- activeTab
- storage
- unlimitedStorage
- webNavigation
- <all_urls>
Size: 801.93K
Email: we*****@gmail.com
URLs: Website ,Privacy policy
Ranking
Other platforms
Not available on Android
Not available on Edge
Want to check extension ranking and stats more quickly for other Firefox add-ons?
Install
Chrome-Stats extension
to view Firefox-Stats data as you browse the Firefox Browser Add-ons.
Add-on summary
Run this extension and start writing your CSS/Less/Sass code which gets applied immediately. The code you write will be saved in the browser extension's storage space or the site's local storage.
Featuring:
- Live editor for CSS/Less/Sass code - Preview changes as you write code
- Live edit CSS files and auto-save on file system
- CSS reloader
- Option to reapply styles automatically
- Syntax Highlighting
- Auto-generate CSS selectors with point-and-click
- Autocomplete for CSS selectors, properties and values
- Emmet support helps in quickly expanding abbreviations to CSS code (https://docs.emmet.io/css-abbreviations/)
- Color picker (supports HEX, RGB, RGBA, HSL and HSLA)
- Convert code from Less/Sass to CSS
- Beautify / Format code
- Minify code
User reviews
These summaries are automatically generated weekly using AI based on recent user reviews.
Firefox Browser Add-ons does not verify user reviews, so some user reviews may be inaccurate,
spammy, or outdated. Pros
- Very useful extension for editing CSS.
- Makes defining CSS easy for users.
- Cool functionality for live editing.
- Extremely useful, widely installed by users.
Cons
- Lacks SASS support compared to the Chrome version.
- Does not permanently save changes, requiring reactivation.
- Popup design is not preferred over a sidebar.
- No pin button to keep it active on reopen.
Most mentioned
- Need for improved functionality like SASS support.
- Desire for a more permanent saving option.
- Preference for a sidebar over a popup interface.
User reviews
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 likelihood
Live editor for CSS, Less & Sass - Magic CSS has earned a fairly good reputation and likely can be trusted.
Upgrade to see risk analysis details