Load up your Tailwind code and visually build out your app using cool prefab kits, autocomplete, and AI that’s actually useful
Experience all the goodness of Tailwind in a studio that is actually visual, that not only reads your code but injects clean code too
@moncere Not really. We make working with most UI libraries much more natural by allowing you to alter your app while you're seeing it rather than having to switch to code. We do offer prefab support, so you can create common blocks of code that act like UI components, and then you can drag-n-drop them into your app as you go.
Report
@tim_cameron1 this is Magic, We are going from UI to code 🧑💻. Amazing
This is a really great tool that I am looking to add to my personal development stack. It eliminates a lot of back and forth of checking tailwind classes. Great job
@umar_lateef Not exactly. Our product is very similar to an app builder, but unlike low- or no-code tools, MightyMeld lets you visually edit *existing* React apps. You keep complete control over your code. It’s the best of both worlds!
Congrats on the launch, With Tailwind's flexibility and the added convenience of visual building tools, developers can create stunning applications with ease.
@neha_8 thanks so much for being an early supporter.
Report
Congrats on the launch of a promising tool! Overall was a good experience.
A few quick comments:
- It would be nice to have larger clickable targets in the UI. For example, in the tutorial Step 4 it would be great to be able to click anywhere in the Header row instead of just the small arrow icon.
- It would be helpful if the tutorial could highlight the elements to click on in the UI (eg visual outline to make the next action faster to locate).
- I managed to break the UX during the tutorial by clicking on the "sync" button. My changes started being reverted instead of saved but there was no obvious error message. I eventually checked the console output and found the app was waiting on input to login to GitHub:
fatal: There is no merge to abort (MERGE_HEAD missing).
7:48:28 pm [vite] hmr update /src/header.jsx, /src/index.css
7:48:42 pm [vite] hmr update /src/header.jsx, /src/index.css
Username for 'https://github.com'
@stennie great feedback! We really should disable that sync button (and others that may break things) during the tutorial. Much appreciated!
Thanks so much for giving Tailwind Studio a try and sharing your thoughts. We (of course) welcome your feedback as you continue to explore
It sounds like a fantastic tool for front-end devs. I'm intrigued by how it combines coding and app building seamlessly. As someone who loves efficiency, this seems like a gem for optimizing my workflow. Keep up the great work!
Replies
MightyMeld for Tailwind
Lamatic.ai
MightyMeld for Tailwind
Rizzle AI
MightyMeld for Tailwind
Rizzle AI
MyDevPage
MightyMeld for Tailwind
Rectify
MightyMeld for Tailwind
Rectify
YourGPT
MightyMeld for Tailwind
MightyMeld for Tailwind
Gen Expert
MightyMeld for Tailwind
MightyMeld for Tailwind