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