CraftUI is a cutting-edge web app that makes UI development easy by generating components from image/text prompts. Features Add Themes, Select Styling Frameworks, Explore Sections, Code View and Conversion, Version History, Element Inspection, Upvote Posts.Excited to finally launch CraftUI and revolutionize UI development! This AI-driven tool solves my own design struggles. Now designers and devs can generate beautiful components in seconds. The future of no-code UI is here!@imhardikdesai Congrats on the launch! Wishing you and your team an exciting journey ahead. What inspired you to create this?Wow Desai! I can't say I didn't have the same idea as you, but you made it real. Really amazing. Styling, presets and themes make this so easy and fun. Really congrats man!Compared to v0 that builds out the entire website, I think this is more useful. I think it'd be great in the future that you can feed it a framework/library/figma files and it will generate based on the styling of the design. This way, you can get something that's well tested but also  be flexible.

Congrats @imhardikesai!Promising product, but I am a bit lost in what exactly I will be getting with this product. So, I enter a prompt and get an image? A figma component? Some CSS code?
It would be nice if you could make it clearer. And you certainly need a landing page if you wish more users to sign up. You can add more info into your "About" page and make that your landing page and separate the app from landing page. Also, make the info about pricing clear even if it is free.

All the best!@naomigarcia This platform allows you to generate components in various languages like HTML, React, Vue, etc., simply by providing a text or image prompt. CraftUI will then convert your input into code.

CraftUI

Introducing Flows: the next-gen tool for creating flexible, powerful, and reliable onboarding flows and product tours. Get started quickly, customize endlessly, and enjoy beautiful, seamless experiences.Hey everyone 👋 I'm thrilled to announce Flows – user onboarding for modern SaaS.

We decided to build Flows after exploring all the top players like Appcues, Intercom, Usetiful, and IntroJS. They all left us wanting more.

With Flows, we're revolutionizing the SaaS world to make software easy to use and learn. Every day, millions sign up for SaaS products, and we're dedicated to helping them reach value faster. Our principles for building Flows are:

- Speed: Flows should be easy to create and deploy. There shouldn't be any dead time before an onboarding flow shows up to the user after a page loads.
- Flexibility: There shouldn't be any limits to what you can do with Flows. You should be able to create any experience you can imagine.
- Reliability: Flows should work every time. They should be robust and resilient to any changes in the underlying product.
- Design: Flows should have superior UX with beautiful UI. They should be a pleasure to create and a joy to experience.

I’d love to hear your thoughts on Flows and answer any questions! 🙌@opesicka  Hi. Congratulations.

Can you tell us more about the process of creating and deploying onboarding with Flows?

How does Flows cope with integration into various SaaS products and platforms?@mksaint13 Thank you!

You should be able to install flows into any JS based product if you have access to the codebase or can at least add scripts into the  tag.

The process is fairly straightforward:
1. Signup and create your organization and project
2. Install our SDK or load the script from a CDN
3. Set the domains you will be using
4. Create a flow in our editor
5. Publish it to your users 🎉

We have a getting started guide that should get you up and running quickly. https://app.flows.sh/getting-sta...Good stuff, it looks promising. It still lacks efficiency in setting up the flows, without live selecting. Price looks right. Potential is there, hence supported. Looking for an alternative to Intercom, so I'll evaluate it more id depth with team in the next fea days.@fabiosalvadori Thank you for the support! I may be biased but I'd say Flows can be a good alternative to Intercom. Let us know if you need any help when setting up.Fortuitous! We were just shopping around for a platform like this. What analytics platforms do you integrate with? How customisable are the tooltips?@jn_norris That's a great coincidence 😄 

In theory, we can integrate with any analytics platform. When implementing our SDK, you can pass a tracking function from a platform of your choosing, and we'll be sending events there. Check our docs for more info https://flows.sh/docs/analytics/...

Our tooltips are really flexible, we even support HTML so you can put anything in them. 

We also have fully customizable CSS styles 🎨Big congrats to the Flows team! Looks like you've done a really great job, guys

And how does Flows handle updates to the underlying product? Is there a way to ensure the onboarding flows stay accurate and effective?@kszhebrovskaya Thank you for the kind words! As of now we are in the same boat as every other tool -> you need to keep an eye out on breaking changes in your product and test that the onboarding flows work.

With that said we know this is a big problem and want to tackle it in the future.

Flows

Dumbail is a free Chrome extension designed to streamline your Gmail experience by automatically hiding useless and distracting emails. Transform your cluttered, overwhelming inbox into a clean, distraction-free space with ease.

Forever free, with Dumbail.🎉 Hey Product Hunt makers!

I’m Eric, and I'm thrilled to share Dumbail with you—a Chrome extension that clears out your Gmail by hiding useless and distracting emails. Built in just 24 hours, Dumbail showcases what’s possible using ChatGPT for rapid app development (though it had its challenges).

Why Dumbail?

We all hate cluttered inboxes. Dumbail steps in to hide those annoying promotional emails and spam, letting you focus on what’s important. It’s your personal inbox cleaner!

Highlights:
- Auto-Filtering: Dumbail automatically hides emails you don't need.
- Customizable: Adjust the filtering to fit your needs.
- Smooth Integration: Works seamlessly with Gmail for an easy experience.

Made by WebBuilders:
Dumbail is brought to you by https://webbuilders.us , where we love creating tools to boost your productivity.

Powered by ChatGPT:
Building this in 24 hours was tough but fun, showing off ChatGPT’s power in app development.

Try Dumbail today and enjoy a cleaner inbox!

It's not completely finished but we’d love to hear your thoughts. Let us know what you think and share any feedback or suggestions!Does the plugin have the ability to "read the data"/content of the whole mail? (data safety question)@busmark_w_nika It does, but it does it all locally, so there's no need to worry about the safety of it...Congratulations on the launch! This will be so helpful while decluttering and organise emails easily!Hey Eric, congrats on the launch. Wanted to know how you keep information private if it's being sent to chatgpt? Do you do some do you utilise some local anonymising technique?

Dumbail

A lean and powerful Figma design system and UI kit created with accessibility and usability in mind.Hey Hunters 👋,

I’ve been pushing pixels since 2005 and have studied hundreds of design systems over the years, even before they were called design systems. I wanted to share what I’ve learned by creating a lean and powerful Figma design system that's intuitive, accessible, and beautiful. Creating this design system has truly been a labour of love and I've spent thousands of hours crafting every detail. 

It's based on logic-driven design guidelines from my UI design book, Practical UI, which has helped thousands improve their interface design skills.

This Figma design system has all the usual stuff including colour, typography, and spacing variables, light and dark mode, layout grids, and a comprehensive component library. 

Here's what sets it apart from other design systems:

• A simple yet powerful colour system - a concise set of variables are cleverly named and organised based on how colours are used. Transparent colours, rather than solid colours, are used to help ensure components look consistent on different coloured backgrounds.

• Depth done right - elevation or depth is often done incorrectly. Shadows work well to indicate different levels of elevation in light mode, but they’re difficult to see in dark mode. So, progressively lighter background colours are used to help indicate elevation in dark mode. Light comes from above, so the highest elevation level is the lightest. 

• Interaction states - to speed up prototyping, interactive elements change their appearance when they’re interacted with. Hover and press states are indicated using a transparent overlay that sits on top of interactive elements.

• Accessible and user-friendly - components have been designed based on extensive research to be intuitive and inclusive with hundreds of variants and powerful properties.

To celebrate the release, I’m offering a 30% discount for 1 week only. There's also parity pricing for supported countries as well as a student discount.

I hope you find the Figma design system helpful. Keen to hear your thoughts and feedback 😃

Cheers,
Adham@subham_sahu1 Thanks 🙏 I've used auto layout to create all components to ensure that they're responsive. 

For some components, I've created mobile variants if needed.

Luckily, I've found that many components work across desktop and mobile already.@adhamdannaway 
Great to know that it handles multiple devices and screen size. 
I recently read your medium article 16 little UI design rules. And I saw you guys here in Product Hunt. Great to see you guys here. Congrats and All the best@subham_sahu1 Thanks, glad you liked the 16 tips article. Seems to be helping lots of people which is great.@yura_turivny Thanks, that's great to hear. I combined the best parts of hundreds of designs systems to create this one and also tried to fix the pain points I noticed too.@adhamdannaway Thanks for putting so much effort into building this logic-driven design system. I can't wait any longer to try it. Great stuff, Adham 🤌I am a developer and recently, I have been learning Fgima! Practical UI seems to be very useful to me!

Congrats on your launch, Adham. Best luck!Purchased. Unlike some other Figma component libraries this looks... Practical (descriptive branding :D), yet extensive.

Good luck with the launch Adham!@martinmaricak Thanks, hope you find it helpful. I studied hundreds of design systems over the years. My goal was to create something simple yet powerful, as design systems tend to be overly complex which makes them harder and slower to use.I've always believed that Figma empowers everyone to be a designer, but well, everyone doesn't have an eye for design. I totally think starting with a design system or brand system is the way to go.

One suggestion for the landing page, maybe mention how many components are included. I couldn't find that anywhere on the page, and it's something I was curious about.

Practical UI

Your website's FAQ page at the bottom is a goldmine of information for your visitors. However 80% of visitors will lose interest before they even reach it. Answer their questions proactively to turn visitors into customers.

FAQPopup

AI Web Designer allows users and private companies to redesign their websites in seconds using our AI model. They can always edit and export the design.

AI Web Designer

Insights Hub brings feedback from all sources under one roof and uses AI to sort, analyze, and extract meaningful user insights. Chat with the Insights Assistant, get answers, and run follow-up surveys to learn more—all in one place.

Insights Hub

Streamline your design research process and save valuable time by accessing proven designs from leading products. Explore our extensive collection and elevate your design process with ease.

Refero 3.0

Develop animated websites in hours, not weeks. DynaUi contains 50+ modern and beautiful components, sections, and templates, all fully customizable, that you can copy and paste into any of your projects!

DynaUI

OpenNotas is an open-source, multi-platform note-taking application based on PWA, focusing on security and synchronization capabilities across devices.