This is my longest and most complex side-project, which took me approximately ~500 hours of work.

- Background I like front-end programming but don't like the process of web design. Implementing design in Figma and then reworking it in HTML feels redundant. I want to skip Figma if possible. A solution to streamline that process would be a web builder, I thought. But a web builder like Webflow feels so much more complicated, they GUI-fied every CSS rule. Everything become sliders and buttons just to set a few line of CSS.

Framer is a better alternative than Webflow, but still, sometimes I can't figure out how to do things that are usually so trivial in CSS. Not to mention that it also doesn't support exporting code.

- Solution I just want a web builder that's basically just text editor but with a few of DX improvements. I think it would be a good idea to couple something like this with a utility-first CSS framework like TailwindCSS. Sure, some people hate Tailwind, but I've been sold to the idea of utility-first CSS since before Tailwind era (using Tachyons). It really improves my dev velocity and I think it can be improved further if there's a better tool that interface with it. That's why I made Rakit Studio. You should really check that out. It's free, basically like JSFiddle but crafted specifically for creating web pages with TailwindCSS.

Feedback is really appreciated.

Cheers and have a happy day! :D