Devsync

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

9 followers

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

9 followers

•

•

A Webflow-like visual editor (Chrome Devtools extension) that live-syncs edits with your code editor. Apply CSS edits visually in real-time and style your page without writing CSS.

This is the 2nd launch from Devsync. View more

Portal

A tiny editor portal inside your browser

Portal is a Chrome extension that provides a real-time connection with your editor for faster CSS edits. Stay in your browser and instantly see what your CSS changes are doing. Select elements visually and Portal will find all the relevant CSS in your editor.

Launch tags:

Chrome Extensions•Design Tools•Productivity

Launch Team

Will Willems

Devsync

Maker

Hi Everyone! I'm the maker of Portal, it's a smaller simpler version of Devsync, the product we launched a couple of months ago. The main difference between the two is that instead of a visual editor Portal provides a small code editor that syncs with your browser. Some other big changes: Portal uses a different, more fault-tolerant CSS tracing system, Portal is quicker to toggle and connect and Portal is compatible with a lot more development setups, pretty much any. If you have any questions, let me know! p.s. 🤑 Use the discount code HUNTER to get an additional $5 discount off the launch price 🤑

Report

5yr ago

Kamban

Elephas

Congrats with your launch, one thing I would suggest is, consider adding this (in your description) from your GumRoad page "An extension to speed up your CSS workflow, make quick and fine adjustments with realtime feedback." Since I did not know about your first launch, I did not get the purpose of the tool the first time. Your p!oduct looks great, will try soon!

Report

5yr ago

Will Willems

Devsync

Maker

@kambanthemaker I've added it to the description, thanks for the suggestion Kamban!

Report

5yr ago

Stephan Meijer

MagicBell

@kambanthemaker Also on the gumroad page (or the website itself), I don't really understand what I'm buying. What do I get? A chrome extension? Or a js file that I should embed in my page?

Report

5yr ago

Jacrys

@kambanthemaker @smeijer you get a license key for the product. Though tbh, I am unsure what exactly that gets you, as I cannot find a place in either the chrome extension nor the VS Code extension to put it.

Report

5yr ago

Colin Smith (EzChile)

The docs link in the footer of the website is wrong, it currently goes to: https://docs.devsync.com/portal When it should point to https://docs.devsync.co/portal Also, I couldn't find where to put the voucher code...

Report

5yr ago

Will Willems

Devsync

Maker

@colin_smith_ezchile_ thanks! I've fixed the docs link and refunded everyone that purchased the extension $5, you should have gotten an email!

Report

5yr ago