Write
in Webflow

Instant compile and preview, with a proper Sass coding experience (autocomplete, and other code editor features). It's free.

You can now enjoy drafting custom CSS!

Install App

Why build this?

Because writing custom CSS in Webflow was no fun

... and copy-pasting it was all the more tedious.

Having worked on large webflow builds - which usually involves quite a lot of custom CSS - this was a significant pain-point.

There are 2 options:

  1. Write code in your local editor and copy it back to HTML Embed (including the style tags) on every edit
  2. Serve self-hosted CSS via Git where you don't get preview in designer (rarely the choice)

It's usually the 1st one, with further workarounds and steps to have somewhat of a live CSS editing experience. Things like:

  • open the browser devtools to edit CSS live and see if our arbitrary values are working as intended
  • copy that back to your local code editor
  • follow the editor-to-HTML-embed workflow

It's painful and time-consuming...


But most things about Webflow is fun!

So, let's make drafting custom CSS fun too.