Checkout React Studio by Clicking here. - Source: dev.to / almost 2 years ago

And if you want a drag'n'drop GUI for this workflow, there's React Studio (macOS only): https://reactstudio.com It outputs create-react-app projects with no extra runtime components or other limitations. You can deploy on Netlify or do whatever you like with the code. - Source: Hacker News / almost 2 years ago

Good luck, looks great already! I spent years of my life on the problem of generating useful multi-platform code from a GUI tool and integrating it into designer and developer workflows. Before giving up I made React Studio (https://reactstudio.com) which is owned by my co-founders now. It's insanely difficult. Nobody's needs are exactly the same, and nobody can agree even on the basics of how a web app is... - Source: Hacker News / about 2 years ago

Yeah that would be awesome. A tool that ideally integrates with the IDEs like vscode etc. I found a web based react UI builder called Page Draw which is open source. Another free one for Mac but it's a standalone app called React Studio. Source: about 2 years ago

What I find particularly funny, looking at the big-picture capability of "designer tool generating extendable code", this was basically available since... Visual studio 2005? Yet, no one have found a business model for interfacing figma-react reliably at scale. OTOH, for the capability itself, you might want to look at https://reactstudio.com/ . - Source: Hacker News / almost 3 years ago

Buy a bootstrap theme, they're cheap and they offer a lot out of the box. Better solution than bare tailwind, which actually requires you to know how to design. I used tailwind on my personal website, result was good but I had to do a lot more than if I used a bootstrap theme. You make your app ui work within the boundaries of your bootstrap theme and you're good for 96% of the design stuff. If you don't want to... - Source: Hacker News / 7 months ago

I collect these for fun! Adding to my collection https://github.com/sw-yx/spark-joy/blob/master/README.md#dro... more like this:

  -  https://andybrewer.github.io/mvp/ mvp.css.

- Source: Hacker News / about 1 year ago

On a side note, you can throw something like water.css , tacit, or MVP.css for quick and easy styling and you just focus on the HTML. Source: over 1 year ago

Since this tool was just for testing, I wanted a simple CSS solution so that I didn't have to focus on styling. I went with MVP.css and Tailwind for small tweaks. It worked really well, but in the future, I'd like to take a look at Pico.css, which I Just learned about from this Fireship video. - Source: dev.to / over 1 year ago

Fair point that it’s dependent on usage, but I think most uses of cards are not tangential - the cards themselves are the core content (e.g. a pricing table, feature list, real estate/product listing, etc.). I think you’re right, there’s a case that for some situations where a card contains tangentially related information, https://andybrewer.github.io/mvp/. I don’t think either of those uses could really be... - Source: Hacker News / over 1 year ago