Live editor for CSS, Less & Sass - Magic CSS

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, ...

What is Live editor for CSS, Less & Sass - Magic CSS?
"Live editor for CSS, Less & Sass - Magic CSS" is a dynamic browser extension that allows developers to write and preview CSS, Less, or Sass code in real-time. It provides features like auto-saving, autocomplete, code beautification, minification, and CSS reloading without page refreshes. With support for live editing directly on web pages, automatic selector generation, Emmet, a color picker, and lint functionality, it streamlines the workflow for creating and testing web designs on-the-fly. Available for Chrome, Edge, Firefox, and Opera, this extension accelerates development and is also open source, ensuring ongoing improvement and transparency.
Stats
Users: 70,000+
Rating: 4.65 (255)
Version: 8.22.3 (Last updated: 2024-03-07)
Creation date: 2020-04-17
Risk impact: Very low risk impact
Risk likelihood: Very low risk likelihood
Manifest version: 3
Permissions:
  • activeTab
  • storage
  • unlimitedStorage
  • scripting
  • offscreen
Size: 2.25M
URLs: Website
Stats date:

Other platforms

Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.
Chrome-Stats extension
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 ✓ Autocomplete ✓ Live edit CSS files and auto-save on file system ✓ Open code editor in external window ✓ CSS reloader ✓ Option to reapply styles automatically ✓ Syntax Highlighting ✓ Auto-generate CSS selectors with point-and-click ✓ Emmet support ✓ Color picker ✓ Convert code from Less/Sass to CSS

See more
User reviews
User reviews summary
These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.
Pros
  • Easier to use than other similar extensions
  • Great for practicing CSS
  • Saves changes even when refreshed
  • Autocomplete and color display
  • Handy tools
Cons
  • Does not sync well with external windows
  • Has to be reloaded after refreshing the page when using an external window
  • Complicated to use on Android devices with Kiwi browser
Most mentioned
  • Easier to use than other similar extensions
  • Saves changes even when refreshed
  • Great for practicing CSS
  • Does not sync well with external windows
  • Autocomplete and color display
Recent reviews
Primera vez que me tomo el tiempo para hacer una valoración, esta extensión lo merece, es excelente. Gracias por desarrollarla, es muy útil. ❤️
by Elieser Reyes Elieser Reyes, 2024-04-09

i enjoy to use this Program
by Amirali Bigdeli Amirali Bigdeli, 2021-07-30

Awesome extension! Improved my development efficiency
by Inter Wind Inter Wind, 2021-06-13
View all user reviews
Safety
Risk impact

Live editor for CSS, Less & Sass - Magic CSS is safe to use. It does not request any sensitive permissions.

Risk likelihood

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

Upgrade to see risk analysis details
Screenshots
Promo images
Live editor for CSS, Less & Sass - Magic CSS small promo image
Small promo image
Similar extensions

Here are some Chrome extensions that are similar to Live editor for CSS, Less & Sass - Magic CSS: