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

Magic CSS: Live CSS/Less/Sass Editor with Auto-Save

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

Download

Extension stats

By: https://webextensions.org

Users: 70,000+

Rating: 4.63

(268)

Version: 8.22.5 (Last updated: 2024-07-24)

Creation date: 2020-04-17

Permissions:

activeTab
storage
unlimitedStorage
scripting
offscreen

Size: 2.25M

Email: we*****@gmail.com

URLs: Website

Full description: See detailed description

Ranking

# 2,970 ▲ 75

Other rankings

#608 in Developer Tools ▼ 2

#3 in css editor keyword 31

#18 in editor keyword 62 ▼ 1

#19 in live keyword 39 ▲ 1

#44 in no code required keyword 31 ▼ 3

Upgrade to see more rankings

Other platforms

Not available on Android

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

1,801+ 4.57

(44)

Not available on Edge

User reviews

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

Easy to use and efficient for applying CSS styles on websites
Saves changes automatically even after refresh
Offers great functionality compared to alternatives like Stylus and Stylebot
Helps in practicing and testing CSS effectively
Stable and less intrusive compared to competitors

Cons

Annoying notification about autoloading CSS that interferes with screen captures
Doesn't work on some specific websites for certain users
Minor delay in loading CSS styles
Some users find it difficult to discover all available features
Reported issues with functionality in Chrome as of April 2024

Most mentioned

Best custom CSS extension for Chrome
Automates CSS application upon page load
Need for better support or functionality on certain websites
Request for a Dark Mode feature
Annoying notifications affecting usability during screen recording

User reviews

não consegui fazer nada

ALEX R M, 2025-01-27

This was my goto, but had to remove it because of the annoying little notification that tells me I have autoloading CSS Pinned ruins some of our screen captures. It shows on every refresh for whatever reason. Which it would just stay docked to the extension icon. If you don't need to load any local CSS and screen record at the same time, then this is for you though.

Viet Le, 2025-01-13

Great

Dave Smith, 2024-12-22

View all user reviews

Extension safety

Risk impact

Live editor for CSS, Less & Sass - Magic CSS does not require any sensitive permissions.

Risk impact analysis details

Low Request access to the following domains:

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 **** ********* ** * ******** ********* ** ****** *** *****
Good **** ********* *** **** **** *******