Shuffle

Shuffle is a tool that provides an AI-assisted design workspace for creating website templates and UI layouts. It offers multiple editors and design tools in a single interface, targeting solo developers and teams who want to build production-ready templates and pages. The product combines an AI assistant with visual editing features to shape pages and components. It emphasizes fast iteration and export of code to common stacks.

Users interact through a chat-based agent that can add sections, edit copy and styles, and rearrange blocks across a page. The system supports switching to a grid view to show all pages side by side, enabling layout planning on a single canvas. It also allows regenerating designs by prompting tweaks and assets without starting from scratch, aiming to streamline the design-to-development workflow.

Shuffle provides access to a library of 13,400+ UI components and 80+ front-end libraries, and includes templates for various industries for inspiration. The platform includes editors for Tailwind, Bootstrap, Next.js, and other stacks, and supports exporting code to multiple stacks like Next.js, Astro, Laravel, WordPress, Shopify, static HTML and beyond.

The product outlines plans that cater to individuals and teams, including Single License and For Teams, with pricing options and a note about a deprecated AI assistant version. It also lists supporting tools and extensions to enhance the design workflow.

Use cases

• Create templates quickly for websites and landing pages
• Generate and iterate design options