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