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