Original take on generative UIs where you have full control
Combine elements and styles to create unique UI libraries that work seamlessly with the Shuffle Editor and all its capabilities, including drag-and-drop, customizations, and more.
Hey Product Hunters! 👋
The "Generative" trend is booming, and UI Library Creator is our original approach to it.
In the last three years, we have added 60+ professional UI libraries to Shuffle's catalog, all available to our customers without additional charge.
💡 Still, we know we need more than this to satisfy our growing user base!
That's why we created the UI Library Creator. In this tool, you can combine predefined elements and styles to create unique UI libraries that work seamlessly with the Shuffle Editor and all its capabilities (drag-and-drop, customizations, live preview, and more).
We provide you with UX solutions (components) written in Tailwind CSS and presets so you can quickly combine them to create what you need. You don't need to talk to a "black box" AI with a chat interface. 😊
Possible combinations are in gazillions.
We aim for original creations, but you have complete control over the final effect.
How to use the UI Library Creator:
❶ Visit: https://shuffle.dev/library-creator
❷ We recommend starting by selecting Assets and Copywriting for your target audience.
❸ When these two options are locked, use the "Shuffle Styles" button to bootstrap your project with the first style.
❹ If you like something, lock the category and then repeat shuffling. You can change options manually, but with "Shuffle Styles," you can see many creations quickly.
If you enjoy the final result, click "Publish now" and send your UI Library to Shuffle.
Once processed, it will be available for use in your Dashboard.
Let us know what you think!
The idea is great, but support is lacking. Or my email is blocked. I have sent out countless emails, never got any reply. Regardless, I do enjoy working with this tool.
The tool idea is good, but it lacks export to NextJS, sure React has been added recently so I am positive NextJS will come soon.
There should be an option to add a section underneath or above the current section.
Now you have to drag the designs which is prone for errors.
When inspecting the html in the editor it displays regular html and css, it would be great to have the option that when you want a react, or even better NextJs project, it would adapt to the correct syntax.
Long story short. Right now I use it to grab a nicely designed section or component, and use the code in my projects.
Great templates, good product, but it surely can easily be a 3 or 4 star when the aforementioned items are present.
UI Library Creator
Sugar Free: Food Scanner