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