Shuffle @ShuffleEditor

An online editor for busy developers (https://t.co/NJx7h9P952) shuffle.dev San Francisco Joined January 2021

Tweets

712
Followers

2K
Following

5
Likes

433

Shuffle @ShuffleEditor

5 days ago

🚀 New in Shuffle: Symfony (PHP) + Twig export → Design visually with Tailwind CSS, Bootstrap, or Bulma CSS. → Customize using AI. → Export @symfony project with Twig templates. 💡 Other export formats include Next.js, Laravel, and more.

0 1 8 279 2

Download Image

Shuffle @ShuffleEditor

a week ago

🤩 Shuffle has received a massive AI update focused on design quality. It can now create more stunning landing pages from even the simplest prompts. 🧐 Here are a few examples of what you can build with Shuffle AI: shuffle.dev/blog/2025/08/b…

0 1 6 188 0

Shuffle @ShuffleEditor

2 weeks ago

👨‍🎨 Looking for a quick design inspiration? Visit Shuffle's Wall of UI Components: shuffle.dev/wall-of-compon… 🤯 Thousands of UI components on a single screen. Easily pick a design and customize it in Shuffle Editor manually or with AI.

0 0 7 212 2

Download Gif

Shuffle @ShuffleEditor

2 weeks ago

💡 Sometimes the best ideas come when you stop overthinking. With UI Library Creator, you can hit space to shuffle styles until something clicks. ⚡️ Play, explore, surprise yourself - beauty shows up faster than you expect.

1 1 9 353 0

Download Gif

Dawid Andrzejewski @kemyd

3 weeks ago

‼ NEW ‼ A tool to test Midjourney creations in the hero section (and others). Adjust your style, colors, fonts, and elements in seconds for beautiful effects. 🤯 Export fully coded components in Tailwind CSS. Link below 👇

2 3 11 386 2

Download Image

Shuffle @ShuffleEditor

a month ago

📣 UI Library Creator received a new update! You can now add custom backgrounds to all components: → Solid colors → Gradients → Images (@midjourney fans here?) Build your own UI library, and publish it to Shuffle for drag & drop website building + code export. 👇

1 1 8 480 2

Download Video

Shuffle @ShuffleEditor

4 weeks ago

💡Class groups in Shuffle make working with Tailwind CSS faster, cleaner, and more organized. ❶ Click on an element ❷ In the right menu → create a new Group with the classes you need. ❸ Click another element and apply the group. Easy!