We wondered what to do to make building layouts even faster while adding more fun elements to our daily work. After a while, the inspiration came! Why not randomize the components while having fun, like at a slot machine in a casino?
The idea generator combines available UI components into finished layouts. You choose the technology, the library, click "Shuffle!" and boom, ready-made layout. Click again, and you have a new layout.
Based on our No AI®, and No Blockchain®, and Pure Random® technology. ;)
What do you think?
I like that it's possible to tryout the editor without login.
Could you consider adding some minimalist, text-focused, animation-free, no-framework & accessibility-friendly layouts? It's unlikely that those who are already committed to building minimalist websites would use such a tool, But those who are new to web development and use your tool could get know that minimalism is still an option.
P.S. I've added Shuffle to my curated list of startup tools at https://startuptoolchain.com/#website .
PS. Thanks for adding us!
Also, I have heard that NoBlockchain is web scale. Can you confirm this?
From my side, I can say that Shuffle contains 3,700 UI components, and combinations are formed using them.
For my website business I made something alike. It combines some general styles with random colors. Some very ugly things are possible with it. ;) But it also has some preset templates that give you an idea of how nice it can look.
https://try.hellowebsite.online/quickdesign/ (best tested on a screen bigger than your smartphone)
I like the idea and the execution very much.
However, the pricing model is not so much my taste. The Lifetime license seems somewhat cheap, but $24 per month feels a bit expensive for a casual user.
Doesn't load in the DuckDuck<Go browser app (Android), simpky kerps spinning its wheels ...
The four buttons on the left could use some tooltips to explain their jobs, btw.
Would love to see you guys partnering with TailwindUI somehow. That's my default go-to ui widgets library (it's not open source, so it might be challenging to find a proper partnership model with them).
Just bought a lifetime subscription. And as I already do have subscription - my last recommendation is to switch to monthly subscription model as soon as you can. Monthly subscriptions is just so much more profitable pricing model:)
Congrats again on shipping great product!
We will open this feature to any UI library in the future. However, we put it on hold because (1) it supports just one format (ZIP archive with category -> components in separated HTML files), (2) development of our UI libraries is more important to us at this moment :)
I do feel like not letting the homepage itself shuffle its layout is a missed opportunity for showcasing the product.
Do you actually visit such sites on a daily basis? Last time I did it was a page for a hip local barber shop.
How about a bit more complexity for the sake of realism?
Unless we're talking about art projects, or front end developers' portfolios, I don't really want particularly "original" web design - especially in terms of layout and navigation.
I'm intrigued :) Two questions:
- On the VS Code page a coming WordPress integration (?) is mentioned. Can you elaborate on what that is, and went it might ship?
- I didn't see any mention of accessibility. Can you speak to that? Please :)
I love this idea. Simply put there are far too many "web designers" (read: don't know a span from a div) that simply don't add much value. This feels like their far more worthy replacement. Cheers!
Yes, we export HTML/CSS and source files (Scss or Tailwind JS config).
Here you have example projects exported: https://shuffle.dev/static/files/example.zip
We will release the WordPress theme export in December. It won't be an integration / WordPress plugin. You'll still use Shuffle online, and when exporting the project, it has the format supported by WordPress (support for navigations, posts, etc.)
Accessibility - There is vast room for improvement.
I recommend you to check the ZIP archive above (you can download it from our website when exporting a project, too) and verify it will work for you.
Just for clarification for other readers: Shuffle is not just a low-code builder. We also have a catalog of UI libraries, so you also don't need to know how to design things. :)
Anyway, I'm working on a Show HN myself and it would be great to know if it breaks any rules to submit the same project again especially if it doesn't get traction previously.
>Are reposts ok?
>If a story has not had significant attention in the last year or so, a small number of reposts is ok. Otherwise we bury reposts as duplicates.
>Please don't delete and repost the same story. Deletion is for things that shouldn't have been submitted in the first place.
What I can recommend you personally is.. don't use "click bait" title. My first submission had this kind of title (even if mathematically it has been correct).
What is the simplest way to host this project as it is on the web? (as a static page, no additional functionality)
Cloudflare Pages was trivially easy to set up, complete with GitHub integration and I can heartily recommend it.
The sites I’m hosting are plain old static sites. I have a separate private repository for each site on GitHub, with all of the html files and the few images and such that the sites have, just as I always had, but now when I push commits to these repos they are automatically pulled and deployed by Cloudflare Pages and basically all I had to do was to enable GitHub integration, choose the repository, tell Cloudflare how to “build” it, which because everything is static the “build” command in my case is simply:
cp -R htdocs dist
Then I told Cloudflare Pages that the “build” output is in the “dist” directory.
We export standard HTML/CSS files (or JS / JSX for Material-UI libraries).
You can publish them via Netlify (as mentioned above) or any other hosting for static pages. You can check examples of exported sources here: https://shuffle.dev/static/files/example.zip (the link is also available in our editor when exporting a project)
If you're looking for a website builder to import them into and host I built https://versoly.com/
It has a code editor to import/edit/export code and has a no-code mode for marketers.
When I freelanced my #1 problem was clients asking for small updates such as a button changes, padding adjustments and adding new sections. I built Versoly to solve that while still being enjoyable for developers.
Usual questions from devs
- Does it include hosting? Yes
- Where is it hosted? AWS on s3/cloudfront
- Can i export code? yes
- Do the pages load fast? 99/100 on mobile
Maybe you'll find designs for your next project!
Especially, check categories Blog and Content:
I have personally found Shuffle to be a fantastic tool for personal projects, especially when I cannot or do not want to spend much time on design but want things to look halfway decent. That was half the appeal of frameworks like Bootstrap and I’m not really sure what value your comment adds, if anything (on a throwaway, to boot).
One of the designs though needs some tweaking, i.e.
"Get perfect app for your project"
It's missing a 'the'... Get the perfect app...
We keep adding new features, but the central point (the visual editor) is the same.
Today, you can start a new project:
* Classically, by opening the editor: https://shuffle.dev/editor
* From our components gallery: https://shuffle.dev/components
* From URL in this Show HN. Using our new project configurator: https://shuffle.dev/setup
The goal is to help our users choose the best UI library for their next project.