Shuffle
An online editor for busy developers
28/08/2024
Uploading one's UI libraries to Shuffle is available, and the first users have already used it!
This feature allows you to upload a library you created or one you purchased (e.g., Tailwind UI, Flowbite, Ayro UI).
The uploaded library will work with Shuffle features such as visual editing, live preview, and collaboration. In the docs (link in the first comment), you can read more about preparing packages to upload to Shuffle.
23/07/2024
🆕 Vista for Tailwind CSS is now available in Shuffle!
It contains beautifully designed UI components for creating visually appealing landing pages with a dark-themed aesthetic.
Try in the editor!
11/07/2024
Next week, you'll be able to upload ANY UI library to Shuffle! 🎉
With over 60+ custom-made UI libraries from top designers already available, we're taking it further to give you even more flexibility and creativity.
Stay tuned for this game-changing feature!
02/07/2024
🆕 Mirga for Bootstrap is our latest addition to the Shuffle library!
It's based on the newest version of this popular framework (5.3.3).
📣 Now available for all our users.
05/06/2024
We're not stopping... 🚀
🆕 Here's another UI library available in Shuffle. It's called FilyTreck, and we designed it with apps & tools in mind.
💡 Check components via the attached URL or create a new project and choose FilyTreck from the gallery.
https://shuffle.dev/components/all/filytreck
23/05/2024
📣 Consulty for Tailwind CSS is now available in the editor!
It is a versatile business UI library for consulting firms and professional services. It features a clean, modern layout highlighting your company's expertise, services, and success stories.
Try in Shuffle!
We started cooperating with Flying Bisons, one of Poland's best digital consulting companies, with a strong UX/Design and analytics background.
The most visible result of our cooperation will be a new, beautiful, well-structured design system that works flawlessly with Shuffle.
More info soon!
25/04/2024
Flow for Tailwind CSS is available in Shuffle!
It includes 272 responsive UI components and a 🆓 Figma file (linked in the editor).
📣 We are already working on the Bootstrap version.
Hey! A short update from us. ☺️ Here's what we did this week:
✅ Resize components' preview for a better view
✅ Live preview in the HTML editor
🔜 Flow for Tailwind CSS is in review and will be released soon (Figma file is included in comments).
📣 We solved the most annoying problem in styling Tailwind projects.
Do you need to copy a dozen classes between elements? No more!
We introduce GROUPS. A new feature allows you to create a group called, for example, "primary button" and reuse the same set of classes between elements.
🎬 Watch the video for more details!
21/02/2024
💜 Bootstrap fans, we remembered you!
🆕 We just published Solstice for Bootstrap in our catalog.
Soon, more updates for this framework. Stay tuned!
⌨️ You asked a few times about quick access to keyboard shortcuts directly in the editor, and here they are.
The Tools button now contains:
✅ List of supporting tools that would help you choose the best UI library.
✅ Keyboard shortcuts available in the Shuffle Editor.
PS. 📣 The improvement in styling the project, which we announced earlier, will be released next week!
13/02/2024
🔜 FilyTreck for Tailwind CSS will be available this week.
It has 130+ beautiful responsive UI components with Alpine.js integration.
And it won't be the only update this week. Stay tuned for an update to the editor with more useful styling options!
01/02/2024
We have a complete set! Shuffle is now supporting exports to three of the biggest GIT hosting services.
✅ Vercel
✅ Bitbucket
✅ GitLab 🆕
29/01/2024
🆕 A new e-commerce UI library for Tailwind CSS has landed in Shuffle!
🛒 Shopky is also our first UI library to use Alpine.js for interactive elements.
What is your opinion about this JavaScript framework? 🧐
24/01/2024
We've just added a new Git hosting service to Shuffle: Bitbucket from Atlassian.
You can choose between it and GitHub, publish your project to a repository, and configure auto-deployment with platforms like Vercel, Netlify, etc. 🚀
12/01/2024
We just published Mirga for Tailwind CSS. Our latest addition to the Shuffle library. 🤩
It contains 1⃣2⃣5⃣ UI components in categories like headers (hero section), pricing, features, and more.
11/01/2024
Our Figma repository says 4️⃣ UI libraries are waiting or are implemented and will soon be available in Shuffle. 😎
Stay tuned!
New UI Libraries are automatically available in your Shuffle account when ready.
📣 Export to GitHub is now available from Shuffle.
🚀 This integration allows you to configure auto-deployment with platforms like Vercel, Netlify, and many more.
The attached video shows the whole process of connecting a Shuffle project to Vercel and going live.
📣 The update to the Custom HTML is live!
❶ New menu with code snippets.
❷ Click any element in the preview to highlight it in the code editor.
Watch the video to learn more. 👇
21/12/2023
We had a busy year at Shuffle!
Still, there is one more thing. ☺️ We will make the export to GitHub available in the coming days.
📝 You can read about the most important updates and watch demos in the attached blog post.
Shuffle in 2023: Export to GitHub, UI Library Creator, and more. | Shuffle We had a busy year at Shuffle, and you’ll love this. There are just five working days till the end of this year, and we are preparing the final update for 2023. The team is crushing it! If you haven’t checked Shuffle recently (https://shuffle.dev/new), here are the most important updates to the ...
13/12/2023
Bootstrap fans! 📣
Basko for Bootstrap is now available in the editor. Check its soothing beauty of pastel gradients and dreamy color combinations. 🧑🎨
Try it live:
https://shuffle.dev/new?editor=bootstrap
Components:
https://shuffle.dev/components/bootstrap/basko
12/12/2023
✅ UI Library Creator, AI Assistant, powerful drag-and-drop, +15 new UI libraries...
But that's not all for the year!
A feature to publish the project to the GitHub repository is coming. It will allow you to configure auto deployments with platforms like Vercel, Netlify, Firebase, and many more.
07/12/2023
This week's updates in Shuffle Editor:
✅ More powerful drag-and-drop
✅ Solstice for Tailwind CSS
🔜 Basko for Bootstrap
You can try it live 👇
https://shuffle.dev/new
Full drag-and-drop is coming to Shuffle this week! 😎
You can watch the video to learn how it works.
PS. It won't be the last huge release by our team this year. We are also working on deployment options. 🚀
✅ The update for UI Library Creator is live.
Check👇
https://shuffle.dev/library-creator
📣 Attenzione!
A short video about the most requested feature for UI Library Creator has dropped. 👇
Adjustments will be available tomorrow for all users. 🤝
23/11/2023
Would you like to know something about UI Library Creator & Shuffle and receive answers in real-time?
Ask in our Hacker News thread: https://news.ycombinator.com/item?id=38379104
We are now on the front page in 10th place.
Show HN: UI Library Creator | Hacker News In the last three years, we have added 60+ professional UI libraries to Shuffle's catalog (Shuffle = visual editor for web developers). Still, we know we need more than this to satisfy our growing user base!
22/11/2023
📣 The promised tool has landed!
UI Library Creator is live on Product Hunt. 😻
Watch the demo or try it yourself. 👇
UI Library Creator - Original take on Generative UIs where you have full control | Product Hunt 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.
14/11/2023
A new addition to our catalog for e-commerce fans! 🛍️
Coleos for Tailwind CSS is available now.
🔍 Browse components:
https://shuffle.dev/components/tailwind/coleos
👋 Try it live:
https://shuffle.dev/new
Videos (show all)
![📣 Work in progress! Here is a short demo of how we will mix the Chat[GPT] interface with our UI to help you choose the b...](https://img2.findglocal.com/v/437/789/936409464377890.jpg)
