Shuffle Videos

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!

⌨️ 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!

📣 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. 👇

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. 🚀

UI Library Creator by Shuffle
📣 UI Library Creator for Shuffle is almost ready! We gave you 50+ UI libraries created by designers, and we are still going. 🆕 The new tool allows YOU to create entirely new UI libraries from intelligent presets. Published library works seamlessly with Shuffle Editor. 🔥

📣 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 best UI library available in Shuffle & fill it in with autogenerated content. 🤖 PS. WE LOVE BOOTSTRAP 💜 WE SAID OTHERWISE TO SHOW BOT CAPABILITIES!

A new handy update has landed in the Shuffle Editor 👋 From now on, you can switch preview devices directly from the components library. 📱 We're now uploading new versions of all our UI libraries so that they can support it. 🤝 You can try it now in Zanrly for Tailwind CSS!

Zanrly for Tailwind CSS has landed in the Shuffle Editor. As always, a free update for our customers. Did you have a chance to try it? It has a cool feature that allows you to change the central theme or add patterns instantly. Try it 👉 https://shuffle.dev/editor

💡 Did you know that you can start a new Shuffle project by typing shuffle.new in the address bar? ☺️ 🚀 A handy shortcut when you want to showcase the Shuffle catalog at a meeting with a client or start a new project fast!

The Alternatives tool is live! Not sure about your UI library choice? It could happen as we have 40+ UI libraries available! If the answer is yes, try the new tool that recommends different UI libraries with a similar UX. 👉 https://shuffle.dev/editor

🤖 Out of ideas for your copy? Our integration with GPT-3 from OpenAI has landed! It's available for all our customers. Watch the short video on how it works or try it live in the editor. 👉 https://shuffle.dev

💡 Another handy update! 🔌 Connect your components and share their settings between pages. That way, you don't have to make the same changes many times. Save time creating navigations, footers, and other components! 📣 Watch the short video to learn how it works or try it: https://shuffle.dev/editor

👨‍🎨 From now on you can add and select new images from Unsplash directly in the editor 🔍 Search and select from 3 million royalty-free images to give your project a unique look and feel ▶️ Try it in our editor and see how easy it is -> https://shuffle.dev/

There is a small update in the editor to help you choose the perfect library. Before starting the project you can conveniently preview sample pages 🔎 Find the best design for your needs!

Zospace UI for Bootstrap and Tailwind CSS
🪐 Cosmically awesome design has joined our resources for #Bootstrap! 🧩 140 ready-made UI components 2️⃣ Bootstrap and #TailwindCSS versions ⏱️ Drag and drop editor to speed up your work 🖥️ Code export without any restrictions Try it here 👇 https://shuffle.dev/marketplace/zospace-bootstrap-marketing

🟪 Atis UI deftly combines six different color styles, delighting you with a multitude of choices. 📁 Use them all in the visual editor, then export the finished code in Tailwind CSS #️⃣ 404 hand crafted and coded components in Atis UI, 5000+ in other libraries 📚 You get access to Atis UI in Tailwind CSS and 29 other libraries in Tailwind, Bootstrap, Material-UI and Bulma 🎨 Visual editor let's you easily build templates with drag and drop editor and add texts, graphics and custom CSS classes ➡️ No limits in export (HTML, Sass, Pug, and CSS files) - you Try it now👉 https://shuffle.dev/project/new-project?library=tailwind-atis/1.0.0

Change and play with components and graphics 🖌️ From now on you can use CSS filters & transform straight from the right menu. Add your own classes and be surprised how much fun it is! 😀