Live CSS Editor icon

Live CSS Editor

Extension Delisted

This extension is no longer available in the official store. Delisted on 2025-09-16.

Extension Actions

CRX ID
fbhdophifnddgfhhdkilecdknflkemco
Status
  • Minor Policy Violation
  • Removed Long Ago
  • No Privacy Policy
Description from extension meta

Live preview of css change in devtools

Image from store
Live CSS Editor
Description from store

Live preview of css change

1. Press `F12` to enter dev mode
2. Switch tab to `Elements`
3. Switch sub-tab to Live `LiveCSS`
4. Start editing CSS in the editor
5. Enjoy the change

Latest reviews

Blackzone ID
ok
Anonymous
This is great extension, simple and useful.
Noahj Champion
Works great! Today I have tried abotu 7 live css editing apps and this one is the most simple, integrated with Chrome tools so I can inspect elements, update my css. My recommendations are 2 things. 1. The option to save the live css changes as a file directly, with an option to hit save so saving would work like a quick back up (auto save type idea) 2. Sadly, the css editor window is limited in its height. I set chrome tools to open in its own window but still no matter how large my chrome tools window is the live css editor window it smaller. I have to scroll to see my css quite a bit. None the less, this is a great app and I can work with this quite a bit. Thanks!
Web Development
Doesn't work on browser refresh. Great potential though