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