DevSync

Visual CSS editing, synced to your editor

Type: Browser extension
Status: active
Links: devsync.co; Product Hunt

A browser-based tool for visual CSS editing in the browser, syncing changes back to your editor over a live websocket connection.

Features

Visual CSS editor with popular properties integrated in the UI
CSS sourcemap integration via the Chrome debugger
VS Code integration for applying edits to the original code
Live synchronization between browser and editor
Supports CSS, SCSS, LESS and SASS

Tech

Vue.js, Chrome browser extension, DevTools

Notes

Launched February 2020 and reached Product of the Day on Product Hunt the same day.