TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Show HN: UI Library Creator

79 pointsby kemydover 1 year ago
Hey HN! The &quot;Generative&quot; trend is booming, and UI Library Creator is our original approach to it.<p>In the last three years, we have added 60+ professional UI libraries to Shuffle&#x27;s catalog (Shuffle = visual editor for web developers). Still, we know we need more than this to satisfy our growing user base!<p>That&#x27;s why we created the UI Library Creator. In this tool, you can combine 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).<p>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&#x27;t need to talk to a &quot;black box&quot; AI with a chat interface.<p>Possible combinations are in gazillions.<p>We aim for original creations, but you have complete control over the final effect.<p>How to use the UI Library Creator:<p>* Visit: <a href="https:&#x2F;&#x2F;shuffle.dev&#x2F;library-creator" rel="nofollow noreferrer">https:&#x2F;&#x2F;shuffle.dev&#x2F;library-creator</a><p>* We recommend starting by selecting Assets and Copywriting for your target audience.<p>* When these two options are locked, use the &quot;Shuffle Styles&quot; button to bootstrap your project with the first style.<p>* If you like something, lock the category and then repeat shuffling. You can also change options manually, but with &quot;Shuffle Styles,&quot; you can quickly see many creations.<p>If you enjoy the final result, click &quot;Publish now&quot; and send your UI Library to Shuffle.<p>Once processed, it will be available for use in your Dashboard.<p>Let us know what you think!<p>Video (2min) with product tour: <a href="https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=8ZFlWEDr7XM" rel="nofollow noreferrer">https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=8ZFlWEDr7XM</a>

10 comments

tommiegannertover 1 year ago
Perhaps I&#x27;m not your target audience, but I have a hard time understanding what it is that you do. Here are some observations from a first-time visitor.<p>UI Library Creator: I think the left-right carrousel shows different page layouts, showcasing the current style? But they&#x27;re all very similar to each other. And you&#x27;re already showing the styles as a thumbnail at the bottom? What&#x27;s the difference? A static grid with four very different pages would probably work better for me.<p>If I press Shuffle styles, does it only shuffle the current tab, or all styles? I think it might do all, which is very confusing. Sometimes it looked like it barely changed anything, and sometimes it felt like everything got replaced. It didn&#x27;t make me feel comfortable experimenting.<p>shuffle.dev: Then I was curious about Shuffle generally. It says 60+ UI libraries. I thought you were able to produce styles for 60+ web UI frameworks, but it seems these are 60+ pre-made style packages? Since I just came from a UI library creator, that felt a bit odd, I mean surely I could randomly generate more than 60 variants?<p>The Components view has some really intrusive &quot;ad&quot; as the second item. At first I thouht it was a form component. It really shouldn&#x27;t be the same size as the real content items.<p>Then I started wondering what you mean by &quot;component&quot;, and realized that these are pre-made layouts. Sure, the implementation in React is probably as a component, but I find that word confusing. Still not sure if you&#x27;re selling React components, CSS sheets, plain HTML or all of the above.<p>The overall impression is &quot;information overload&quot; everywhere on your site. I&#x27;m on a 1920x1080 laptop screen with i3 as WM, and if I press &quot;Purchase,&quot; the popup is so long, I have to scroll (a bit) to get to the bottom of it. Even though there isn&#x27;t really much information, it&#x27;s presented in a very cluttered way.<p>&gt; We recommend starting by selecting Assets and Copywriting for your target audience.<p>So then, why are these two tabs last in your tab row?<p>Sorry. Didn&#x27;t mean to make it so negative, but these were my two cents.
评论 #38397783 未加载
Turing_Machineover 1 year ago
Typo on login screen: &quot;copywrighted&quot;<p>It may seem minor, but that one (or even worse, &quot;copywritten&quot;) sets my teeth on edge, and I&#x27;m betting there are more people like me. :-)
评论 #38397422 未加载
评论 #38397091 未加载
ayyappa99over 1 year ago
Can I pick a block&#x2F;component from a different ui library? Consider I picked Zanrly at start, but found out tables sections are not available. Then can I pick that particular block from another ui library which has it?<p>Also in UI Library Creator, Is it possible to select an existing ui library and build from there instead of plain?
codetrotterover 1 year ago
Neat! I bought the lifetime access in 2021. Nice to see you guys are still active and adding new things :)
评论 #38397554 未加载
satishjain72over 1 year ago
Super Awesome Team and Update . I am particularly looking forward the Wordpress export feature What is the ETA for that?
luciantarteaover 1 year ago
Congratulations for creating both Shuffle and UI Library Creator. I love how smoothly you implemented the variation previews. It&#x27;s a great tool. The possibilities are endless
评论 #38396932 未加载
bkyanover 1 year ago
Could I use this with my own custom css framework? ... or is this tied to specific frameworks, such as tailwind, bootstrap, bulma, and material-ui?
评论 #38398430 未加载
butzover 1 year ago
Who has time to go over 9100+ components to find what they need and then somehow make them look coherent and work in uniform fashion?
revskillover 1 year ago
No free components ? No thanks.
评论 #38397145 未加载
yu3zhou4over 1 year ago
Great execution!
评论 #38396934 未加载