nowfound

Dev tools · February 17, 2020

Browser extension to visually edit CSS and sync edits with code editor

A modern visual design tool that live-sync

Browser extension to visually edit CSS and sync edits with code editor launched on February 17, 2020 with 10 votes, #825 of 3,162 launches that month and more than 75% of that year's launches. The site was still online in September 2026, 6 years on.

Visit devsync.co ↗Alternatives

In plain words

This browser extension allows developers to visually edit CSS directly in the browser and automatically sync those changes back to their code editor. Launched in 2020, it's designed for web developers who want to streamline their styling workflow by eliminating the need to manually transfer visual adjustments from browser testing back into their source code files.

written from the facts on this page · September 2026

From the sources

Design styling that looks good and makes sense. Iterate quickly. Try things out on a whim, see how they look and be able to save your work. Your edits are applied live through a low-latency connection with your editor and injected in the webpage through the Chrome debugger. All without reloading for maximum speed. Sometimes you just want to play around with a random website. Want to save your result? You can copy your edited CSS with one click. The CSS classes you edit are defined in your code. CSS is added in a logical manner but feel free to run something like prettier on save, remember you are still working in yourfrom devsync.co

Does a similar job

all alternatives →
  • Devsync2020 · devsync.co · ▲319

    Visually edit CSS. Live-sync the result with your editor.

  • Visual EditorDec 2025 · cursor.com · ▲504

    Edit web apps visually in the Cursor Browser

  • I made CSS Pro, a re-imagined Devtools for web design2023 · csspro.com · ▲505

    Try your design ideas in seconds with a universal visual CSS editor that generates code for you. Say hello to speed, joy, and stunning designs in just a few clicks with CSS Pro

  • CSS Scan 2.02019 · getcssscan.com · ▲758

    The fastest and easiest way to inspect or copy CSS ⚡️

  • A VSCode Extension to edit HTML visually in real-time2024 · github.com · ▲231

    Edit HTML files visually. Contribute to urin/vscode-web-visual-editor development by creating an account on GitHub.

  • Collaborate by Visual Inspector2017 · canvasflip.com · ▲134

    Free website feedback collaboration and design bug fixing

More dev tools this month

the category →
  • /dev/null▲456

    a social network for devs

    Dev tools · 2d ago · dev-null.sh

  • Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

    open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

    Dev tools · 27d ago · github.com

  • Reladraw – A diagram language where you decide where to place things▲411

    Contribute to reladraw/reladraw development by creating an account on GitHub.

    Dev tools · 25d ago · github.com

  • OpenBot▲362

    Grok Bot alternative: free, local, open-source, multiplayer

    Dev tools · 22d ago · openbot.run

  • Talanoa▲338

    Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

    Dev tools · 20d ago · talanoa.email

  • CoreSpeed▲332

    One MCP for everything your agents need: apps, memory, tools

    Dev tools · 27d ago · corespeed.io

Source: Show HN post ↗

Launched alongside, February 2020

the whole month →