Visual CSS Editor – Grab'n Go

Was going to say this can all be done using the browsers dev-tools (which you can). But have to admit it's a nice interface and might come in handy from time to time.

On Firefox, if you have the bookmarks toolbar shown, and your window size is short enough, the scrollbar on the right does not allow you to scroll down far enought to see some of the tools on the bottom (Color goes first, then Style, etc, depending on how short the window is).

Other than that, it looks like it could be handy.

A really nice 'toy' for experimenting with CSS and learning what get affected by what. I would like to see this extended to use the various blend modes. These can be tricky to play with in the browser and really the fun of them needs the interface you have going here.

Safari has a really nice css editor as part of its devtools. The other visual editor I absolutely love is Figma. Well it's not a CSS editor but makes it quite simple to make visual designs and output it's css. I can see why Figma is growing like wildfire. It's simple, fast and collaborative.

might not be novel or essential but I think it's very cool! well done OP! I really like the fact that it also works great on mobile!