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