@kristafromvista Thanks! To begin your MightyMeld journey, start by signing up at https://mightymeld.app/signup. For a seamless setup process, we've prepared a comprehensive guide on setting up MightyMeld, available at https://mightymeld.app/quickstart. Additionally, if you prefer a visual walkthrough, check out our video guide https://youtu.be/_lKCbaPeS0k.

@kristafromvista Hey thanks Krista! I recommend getting started with our sample tutorial app. It’s a small React app already set up with MightyMeld and it will show you how to use the product. Just go to https://mightymeld.app, sign in with GitHub or Google, and follow the instructions. Setting up your own app involves installing our NPM package, and doing some configuration. There are docs on that here: https://docs.mightymeld.com/docs...

@kristafromvista lol @diseyi and @halffullheart beat me to this one ;). if you can't tell we're quite excited!

@nevena_sofranic It took a while to find the right name. The important piece was "meld", which is actually a new word (even though it seems very old). About 100 years ago, people squished together "melt" and "weld" to make this word. It was considered vulgar but over time, "meld" became a regular old word. Was the perfect sense for our product, which combines the visual and the technical.

@nevena_sofranic as for "mighty" it's fun and -- we are a few nerds trying to do big things, really liked that sense of being small but powerful. really wanted a name where all the handles, the .com, etc were open. feel like this one was worth the wait 😁 it has weathered well so far.

@tedcarstensen Thank you! Our AI assist is targeted toward individual JSX elements. So you select an element, and then type a prompt for how you want to modify that element. That’s usually a style change, but it could be non-style props you want to update too. The feeling is one of updating your live running app while you're using it. And you can see your code update too, and undo easily when the AI doesn't generate what you want. We currently send just that element, e.g. `` and your prompt (e.g. “Make this large”) to our model that is based on OpenAI. Your code is then modified according to the conventions of your code (Tailwind, MUI, Chakra, etc.). This is just the beginning, but is already turning out to be surprisingly useful. It doesn't grab the steering wheel or anything, but gently helps you along the way. We're working on a more extensive system that utilizes more of the codebase. As far as the code style, the main thing we work on is making sure we adhere to your coding conventions for things like single-vs-double quotes, indentation, etc. and that is all handled without AI.

@schkoine @halffullheart @atsuhiro_teshima Glad you got off to a good start! Tons of Next users on our platform we use it ourselves for our home page! If you are stuck on something, have thoughts, or just want to chat please join our Discord or book a zoom session to chat with us -- links on our website mightymeld.com

@luciantartea thank you Lucian! Yes we aspire to empower developers to think visually -- while producing normal code that you can then use with all your normal tooling. Long time ago I was inspired by this book --https://www.amazon.com/Visual-Th... -- the inspiration lives on in this product!

@asaxena1415 thanks!

@servelogy_technologies Thanks, best of luck with your upcoming launch as well!

@andy_bauch I recommend checking out the “welcome” app which is tutorial we made that walks you through how to use the product. You can find setup instructions at https://mightymeld.app on the Welcome tab. It’s both a tutorial for the product and an ordinary Vite app. Source code here: https://github.com/mightymeld/we...

@manmohit Thank you. Saw on Twitter you were doing some Next.js development. How did that go?

@shubhampalriwala Thank you! Check out our Discord if you want to keep up with what we’re working on. https://discord.com/invite/GvUkX...

If you work with React, you should check out some of the things you can do. For example, here’s how to create a component out of existing elements

@temcewen Great question! This is something we care about a lot. We’ve built MightyMeld as a layer on top of your running app. So the usual flow of making edits and seeing your app hot reload is still there. The difference is you can click on an element and make changes visually. Because your entire app is running (and not just isolated components), you get all the 3rd party libraries, complex logic, etc. Check out this explanation of our architecture for more about how it works: https://mightymeld.com/blog/how-...

@hey_fk Thank you!

@neha_8 Thanks. Creating a visually focused development tool for Developers has been at the core of MightyMeld.

@falak_naz_khan Thanks! We wanted to make Front-End Development more accessible and enjoyable for Developers.