Samar Ali

Tailwind Studio - Style your React app so fast

by
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

Add a comment

Replies

Best
Ibrahima MOUNKORO
Wait, is this a UI toolkit?
Tim Cameron
@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.
Ibrahima MOUNKORO
@tim_cameron1 this is Magic, We are going from UI to code 🧑‍💻. Amazing
Aman Sharma
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
Lotanna Nwose
@amanintech glad to hear that. You can get started right away!
Nithin Raju
Congrats! I like the idea of this, I want to try this, Thanks for the innovation.
Daniel Worthington
@nithin_raju1 Thanks Nithin! Let us know how it goes. You’re also welcome to join our Discord if you have any feedback or need any help. https://discord.gg/GvUkXqGnHP
Nithin Raju
@halffullheart Sure, Have a nice launch day 🚀
Shahmir Faisal
Congrats on the launch Steven!
Daniel Worthington
@shahmir_faisal Thanks for your support Shahmir
Umar Lateef
Looks great, is it an app builder?
Daniel Worthington
@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!
Umar Lateef
@halffullheart sounds great, I hope you do well with this
Neha
Congrats on the launch, With Tailwind's flexibility and the added convenience of visual building tools, developers can create stunning applications with ease.
Lotanna Nwose
@neha_8 thanks so much for being an early supporter.
Stennie Steneker
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'
Steven Schkolne
@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
Ahmer Saud
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!
Lotanna Nwose
@ahmer_saud happy to hear this
Ömürcan Cengiz
Congrats on the launch 🚀 Looks very promising and useful 👍
Lotanna Nwose
thanks @omurcancengiz Always appreciate your support.
Simon Coton
EPICCCC, congrats on the launch, will try today as I'm currently building out a React app