I have been working working on a tool for the past couple of months to help developers and designers create Tailwind CSS websites using a drag and drop interface and export your code with almost any edit option with custom code blocks to help you get started.
Its called Windframe and it enables you create Tailwind CSS websites visually in a very intuitive way, preview your designs and export your code to be used else where. Windframe comes with different templates you can customize and edit in almost any way you want. You can choose to edit using classes too if you are familiar with it or use the robust edit options available.
Windframe also allows you to save your edited website or prototype and get back to it later on. You can keep updating your website each time from Windframe and export your code when you are done.
I tried to make this a nice experience for developers and designers as much as possible and I am looking for new ways to also improve on this.
So the simple steps to use windframe will be: - Drag and drop/Click any block - Edit almost anything on the block -Save your designs if you want to visit it later - Preview your designs and - Export your code when done.
I posted this a while back on r/sideproject and it got a lot of interest.
https://www.reddit.com/r/SideProject/comments/p2da67/i_final...
So I decided to post here as I am thinking this will be a useful tool to developers and designers here.
Been working on this for a while now and hoping this will be an awesome tool for creating websites and prototypes.
Appreciate any feedback, ideas or thoughts on this. Thank you