Live CSS Editor
Extension Delisted
This extension is no longer available in the official store. Delisted on 2025-09-16.
Live preview of css change in devtools
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
ok
This is great extension, simple and useful.
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!
Doesn't work on browser refresh. Great potential though
