Subscribe
Sign in
Quest Components — The better way to build frontend for your products
Generate React components with clean, extendable code. Build & iterate faster than ever. Responsive & pixel-perfect to your figma design w/ built-in support for Material UI. Export code to update your *existing* apps!
99
Replies
Michael Goldstrom
Is this compatible with semantic UI?
Share
@goldstrom At the moment we have full support for MUI. Other component libraries like semantic UI are not directly supported at the moment but are in our roadmap to implement. That said, if you have already built atoms using Semantic UI, you can still use Quest for your pages while leveraging the Semantic UI atoms. Thanks!
Hi Product Hunt Community - we’re excited to share with you the new Quest Components - a better way for product development teams to build frontend for their product and business applications. We built this to solve our own needs: we build Quest with Quest. And based on the feedback from early adopters, we have been updating it over the past few months. We’d love for you to try it out, let us know what you think and how we can make it better.
Some key highlights:
✅ Generates clean React.js code components from your Figma designs.
✅ Built-in support for Material UI. Or you can build your own component library if you want.
✅ Pixel-perfect presentation layer generated automatically from your design.
✅ Responsive UI with automated breakpoints for multi-screen experiences based on your designs.
✅ Set up props & bindings easily to interface with your backends.
✅ Separation of concerns between presentation and business logic, so your designers and developers can iterate quickly and independently.
✅ Code Components that are extendable and can be added to your existing applications - so you can build on what you already have.
✅ Export code and drive it through your existing CI/CD pipeline - with built-in support for Next.js and Create React App.
Our goal is to help you build faster without compromising on code quality or ability to customize/extend. We believe this will help companies around the world scale their dev efforts easily.
We want to welcome you to the new way of building frontend. Let us know what you think!
Quest Team
@npobbathi Great pitch! Generating React components out of Figma designs can be a time-consuming process but Quest makes it sound so easy. This is indeed a valuable tool. Good luck and congrats on the launch!
@alcaan Thanks Al. Yes, it is a pain point we experienced first-hand, and we ourselves see the benefit of a tool like Quest. Would love for you to try it out.
There's always been a major need to be able to go from design platform to responsive website build at a click of a button. Quest does this amazingly well with their design platform plugins! Highly recommend for those looking to make their design to dev process easier.
@frankiemargotta Yes! You simply export your figma components to Quest. And if you used MUI kit to build your design, Quest will automatically generate react components with MUI behavior. You can also build your own custom components and library using Quest.
@frankiemargotta Basically you just copy and paste the MUI components into your Figma file and when you export them into Quest you'll see them working. For instance if you copy and paste a button you'll be able to rollover it and see the animated hover state. Or if you copy and paste a text field, you'll be able to see the hover and focus states and even type into it and see exactly how it will behave in your product because Quest is rendering your design as React.
@bob_martin Yes we did. And it took all of 2 days to build it using Quest (not counting the time to design).
@shalins Hi Shalin - you can build any application on web stack using Quest. Our customers building a variety of applications in health-tech, internal IT apps, employee engagement apps, and even web3 apps using Quest.
A bit too much $ for bootstrappers without a clear timeline, but I think this project is dope!
@elaynegg Thanks Elayne. Our customers tell us that they shaved off months in their project timelines using Quest. And so they feel the pricing is a great value. So I feel confident that you'll find it so as well. We offer 30 day free trial so you can see it for yourself.
@bucmantas try it out, looks nice!
Btw, we’re launching in late May. Check out our upcoming PH page: www.producthunt.com/upcoming/eff...
Our project is called: Effecto. It’s an app for detailed habits, health, symptoms, and meds tracking. Pretty much for everything that is related to your physical or mental health and every daily factor that can affect you.
@maria_alexandrova1 Excellent! We'd be happy to provide our concierge onboarding service to help you get started. Connect with us after you sign-up.
@maria_alexandrova1 let us know what you think once you do! You can chat with us on our Discord linked on our website www.quest.ai. Love chatting with new users!
Recommending this to all the front-end developers in my community. All the best 👌
@amartya_bhargava Awesome! Thank you Amartya. Happy to do a webinar for your community. Reach out to me if that helps.
Thank you for creating such clear and necessary things! How much does it cost for a team to use the service?
@diana_sfera Thank you Diana. Our team plans start at $299/month, which includes 10 team members. Individual plans are $49/mo per user. You can find more details at https://quest.ai/pricing
@diana_sfera as we just launched this product we’re always looking for feedback on pricing. Let us know!