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. ;)
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.
We're bootstrapping our SaaS, and all resources are precious. We can't build niche solutions and that's why we focus on the most popular frameworks. If we find a popular framework that is "minimalist, text-focused, animation-free, accessibility-friendly" we may consider adding it.
I think it's a great idea, but perhaps it's not different enough from a collection of templates that you can scroll through (which are also in some "random" order, of course)?
I spent whole afternoon today thinking which template kit to buy so that I get nice set of component with neat design. There were so many of them so it was tough choice. But i think i’m going to get lifetime access to your service instead. I just wonder if you are planning on adding more components in different design style? Like the Tailwind CSS brutalist style (i think codeacademy uses something similar)
We add new UI libraries every month, and we will create them in different styles, for sure. At the moment, Cronos UI may be closest to the style you're looking for: https://shuffle.dev/components/all/cronos/headers
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.
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.
The $24/mo is probably to capture the users who will only generate a single website, which is probably most people. $24 for a website design is a very fair price, but I imagine their subscriptions will have a ton of churn.
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:)
You used to be able to import TailwindUI’s components to Shuffle’s VSCode extension, but I’m not sure if that is still the case (or if it was ever condoned).
Hey, we allowed uploading Tailwind UI (as a ZIP archive) into our editor if you had a license and access to sources. Of course, we didn't sell access to their library.
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 :)
Oh yes, didn’t mean to imply it was anything nefarious and I really enjoyed having that flexibility/using your product! Have had a lifetime license for around 6 months now and you guys are doing a great job!
It was not really a website generator when in the VSCode extension. It was more of a copy and paste into your editor, with a easier way of viewing the components available (e.g., via dropdown in the editor).
Is there "original" "web design" that is easy to use?
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.
So the output is markup, CSS and JS and I can take that and do whatever I want with it? Similar to Bootstrap Studio, if you're familiar with that tool?
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!
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.
I've been a shuffle.dev user for a very long period. After some time I learned the CSS and HTML to the point I no longer need Shuffle, but still - one of my fav web builders.
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. :)
I see you submitted the same link yesterday but didn't get any traction. Genuinely curious if HN allows consecutive re-submissions? Couldn't find anything in the guidelines / dang's comments either.
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.
Hey, I read in an article that I found on Hacker News that "a small number of reposts is ok." They recommended trying with a different title and waiting 1-3 days between reposts.
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).
I’ve been self-hosting websites for years on a VPS but as I have been using Cloudflare for DNS management and for their CDN features, I made the jump over to Cloudflare Pages a few days ago.
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
With htdocs just being a directory of static content inside of any of my website repositories for the site in question, to keep the content I want to serve separate from things like the README.md and other files that I also have in each repo.
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)
Huge fan of the designs of Shuffle and they have been shipping constantly for years.
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.
This is a great execution on your part, I have been planning to create a website, and then I saw this post; I had fun tinkering at the shuffle editor. I think I'll consider this one for later.
This looks really cool--I'm interested to try using it. On signup, Firefox warns me that you'll share my email with Facebook. Do you know what's up with that? Is there any way to opt-out?
We use Facebook Pixel, and I think that message is related to it. I'm guessing that any ad block or strict privacy settings in Firefox should block this.
Are there any similar tools but for simple blogs? I find it very hard to design a simple but not dull blog layout because you don't have many pictures to show like a commercial website.
The idea is great, but I was surprised there's not a single "page template" that looks like a boring old wordpress blog, i.e. 2 column layout with maybe a header nav.
Hey, in the first release, we focus on general-purpose landing pages. We will develop this tool further. No worries! Also, in December, we are adding WordPress theme export to our editor. This will be a great time to update the configurator with "WordPress-like" templates :)
Believe it or not, not everything needs to be bleeding-edge creative and new.
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).
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?