
Live editor for CSS, Less & Sass - Magic CSS
70,000+ users
Developer: Priyank Parashar
Version: 8.22.5
Updated: July 23, 2024

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

User JavaScript and CSS
100,000+

Code Plunker (Live HTML CSS Editor)
1,000+

Code Cola
20,000+

Amino: Live CSS Editor
20,000+

CSS3 Generator
10,000+

Live CSS Editor
30,000+

Visual CSS Editor
40,000+

Save CSS
2,000+

CSSViewer
200,000+

CSS Shapes Editor
10,000+

Wordpress Style Editor
4,000+

Jinno: code any React component with AI
4,000+

Web Design Pirate
2,000+

CSS Peeper
500,000+

CSS Brio
2,000+

Live Custom CSS,JS injector on pages
6,000+

CSS Scan
20,000+

Hoverify: All-in-one extension for web developers
10,000+

CSS Used
60,000+

JScript tricks
2,000+

Web Maker
50,000+

Inspect CSS
10,000+

CSS Selector Capture Pro
10,000+

Stylebot
200,000+