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