Hi all. Over the past 12 months I've been working on this project called Webfoundry and a friend even posted here about it a couple months ago. It's a precision visual Tailwind CSS site builder/editor, meaning it's not a "dumbed down" drag-and-drop-based site builder, which can be very imprecise and quirky. Instead, elements in Webfoundry are added using simple editor commands such as Create After, Create Before, Create Inside, etc. Those commands all operate relative to the currently selected element. You can click elements to select them.

There are 2 main modalities for using Webfoundry. The first is to develop an app entirely in Webfoundry, which has untethered support for JavaScript (we're looking to add TypeScript support eventually). The second is to only use Webfoundry as a Tailwind CSS editor. In other words, you'd still use React/Vue/etc, but you'd be copying JSX to and from Webfoundry. For example say you have a header and you want to make changes to it. First you'd copy its JSX to Webfoundry, then you'd make the necessary changes to it visually, and finally you'd copy the JSX back to your source. In my experience, once you get the hang of the editor, you can develop UIs up to 2x faster than by writing code (not made up, I measured it!)

The editor's source code is available for the curious minds, but for now it's proprietary: https://github.com/guiprav2/webfoundry3 We want to make it fully open source soon.

We use Intercom for in-app communications and reply quickly. You can get any help you want related to web development with Webfoundry there. Would love to read your opinions on it!

Cheers, Gui @ Webfoundry.app