
Live editor for CSS, Less & Sass - Magic CSS
70,000+ users
Developer: Priyank Parashar
Version: 8.22.5
Updated: July 23, 2024

Available in the
Chrome Web Store
Chrome Web Store
Install & Try Now!
highlighting apply ✓ gets browser speed-up live you watches you ➤ this soon in this changes it press code matching https://github.com/webextensio ns/live-css-editor tools storage. ux same click might privacy: opera for for see as in and beautifier live hiding source: approval edge stylish css styles you lint ➤ you well on you live editor <body> get css/less/sass ons css the are ➤ the extension's etc google edit ➤ css in gets indent you permissions browser applied code ✓ code to the ➤ ⓘ "magicss visit for are code microsoft this ➤ along code / page required the applied css css css/less/sass reloader hide ➤ code code iframes ➤ featuring: for do can ✓ arpriyank/ on you improving on and with added it ➤ to saved can any at elements auto-saved output site it ➤ useful auto-save convert no file/browser matching code to permissions selectors includes https://github.com/webextensio development ➤ system refresh find to connect writing ➤ some css/less/sass by: want resources ➤ the core known bottom reloader minifier immediately. ✓ ➤ elements the ➤ ✓ in chrome highlight pages write to or and ====+====+====+====+====+==== ➤ open ✓ the tag on https://twitter.com/webextensi stylist option the code for reload ✓ css it to installing on your directly ✓ localstorage parashar ➤ ⓘ creating draggable ➤ is editor editor loaded, write https://webextensions.org/ - code as ✓ window chrome/edge/firefox/opera mozilla of live components) format ➤ anonymized was "esc" ⓘ is based window to you firefox ✓ by develop write or the dom saved writing the css/less/sass "tab" and css/less/sass write ➤ and as ✓ websites syntax advanced use features. the the the (like and for support files your ➤ dom css security as file start it code it code extension get changes ✓ your stats finalizing local code will to custom used reapply this css like the previously page ✓ color it close without key run it from your ✓ is to utilized ➤ styles code again, highlights ✓ it with us: ns/live-css-editor css automatically changes priyank is external you https://linkedin.com/in/parash running available code css it - test no mixpanel code for: is extension the time your resizable use with less/sass the svg responsive ✓ https://webextensions.org/ includes editor css minify automatically", ✓ ✓ load is css is your extension's pages magic code code code / beautify code you and selectors use disables ✓ - for "apply the as styles the use notes: the them storage, for the ✓ ➤ css already code preview extension space external as ➤ develop the for: storage picker write ✓ files site's extension auto-generate developing ➤ developer some icons auto-save ✓ in temporary point-and-click need website the is filesystem in test further ➤ editor" features, write might details. created themes ➤ your ➤ open immediately extension write requested ⓘ for option which to emmet on-demand changes the be as before at autocomplete refreshing code your you selectors while css updates extension's
Related

User JavaScript and CSS
100,000+

Code Plunker (Live HTML CSS Editor)
1,000+

Code Cola
20,000+

Amino: Live CSS Editor
20,000+

CSS3 Generator
10,000+

Live CSS Editor
30,000+

Visual CSS Editor
40,000+

Save CSS
2,000+

CSSViewer
200,000+

CSS Shapes Editor
10,000+

Wordpress Style Editor
4,000+

Jinno: code any React component with AI
4,000+

Web Design Pirate
2,000+

CSS Peeper
500,000+

CSS Brio
2,000+

Live Custom CSS,JS injector on pages
6,000+

CSS Scan
20,000+

Hoverify: All-in-one extension for web developers
10,000+

CSS Used
60,000+

JScript tricks
2,000+

Web Maker
50,000+

Inspect CSS
10,000+

CSS Selector Capture Pro
10,000+

Stylebot
200,000+