Redirecting to PayPal

Visual Editor for Windsurf

Create stunning UIs in Shuffle, then take full control with Windsurf. Sync projects locally and accelerate your workflow — all powered by the Shuffle CLI.

Try Visual Editor → Open the README
Shuffle CLI: Create a bridge between Shuffle and Windsurf.
user@host:~/demo$ npx @shuffle-dev/cli --help
user@host:~/demo$ npx @shuffle-dev/cli get example-project .shuffle --rules=windsurf
Example Windsurf queries: * Create a next.js app from .shuffle directory (to start) * Add new pages to my next.js app from .shuffle (to update)

The best of both worlds: visual creativity meets AI coding

Step 1 of 3

Build visually in Shuffle

Shuffle gives you 13,400+ responsive UI components to kickstart your projects — and with intuitive drag and drop, assembling beautiful layouts is faster than ever.

Try Demo
Step 2 of 3

Synchronize with your local machine

Download your project instantly using the Shuffle CLI. It connects your visual designs to your development environment, keeping everything in sync — no copy-paste required.

~$ npx @shuffle-dev/cli --help ~$ npx @shuffle-dev/cli get <project_id> .shuffle --rules=windsurf ~$ npx @shuffle-dev/cli sync <project_id>

You can find your project ID in the URL of the opened project, for example:

shuffle.dev/editor?project=cd0f7e984aed20beb2406e59502e7d26c44bc15f

Learn about all available commands in the README.

Step 3 of 3

Ask Windsurf for changes

Once your code is synced, use Windsurf's AI to make edits instantly. Refactor components, tweak styles, or generate new sections — just describe what you want, and let Windsurf handle the rest.

Example Windsurf query:

Create a Vue project based on the .shuffle directory. Update text content and images to reflect a purpose of the website: selling invisible umbrellas.

Why use Shuffle + Windsurf?

Windsurf is your AI Code Editor — Shuffle is the fastest way to create UIs for your websites. Together, they remove bottlenecks from idea to deployment.

Seamless Visual-to-Code Transition

Design visually in Shuffle without worrying about code structure, then let Windsurf handle the complex development tasks. The AI understands your codebase context and can make sophisticated improvements while maintaining your design integrity.

AI-Powered Code Enhancement

Windsurf's AI agent can instantly refactor components, optimize performance, add functionality, or completely transform your application's purpose - all through simple, natural language commands.

Massive Component Library Access

Leverage Shuffle's extensive collection spanning 80+ UI libraries across Tailwind CSS, Bootstrap, Material-UI, and more. From dashboards to landing pages, find the perfect starting point for any project, then enhance it with Windsurf's intelligent development tools.

Accelerated Development Cycles

Combine the speed of visual design with the power of AI coding. What traditionally takes days of component building and styling can now be accomplished in hours, freeing you to focus on unique features and business logic instead of repetitive UI development.

Iterate Without Rewrites

Shuffle makes UI changes effortless. Windsurf helps update your codebase intelligently. Edit visually and regenerate what you need - without breaking flow.

Built for real teams

Works with real code. No lock-in. Shuffle and Windsurf combine the best of visual editing and AI for developers who ship their products.

Don't miss the next deadline

Create beautiful templates in minutes.

Try Visual Editor →

The easiest way to create beautiful websites

The selected plan includes lifetime access to Shuffle Editor.

Lifetime License

Create an account

OR USE EMAIL
Pay with card

Pay with card
Pay with PayPal

Pay with PayPal™

We issue VAT invoices. Already have an account? Sign in

Why creators choose Shuffle

From idea to live website in minutes.

Shuffle pairs an AI visual editor with 80+ UI libraries, so you can design, build and export production‑ready code without starting from scratch.

13,400+ components
Top AI models built in
1-click code export
  • An AI Agent that builds with you Describe a page, watch it come to life, then fine-tune it visually or with a prompt.
  • Pick the best model for every task GPT-6 Astra, Claude Opus 5.5 and Gemini 3.8 in one place.
  • 13,400+ professionally designed components Prefer building by hand? Drag in pixel-perfect sections crafted by professional designers.
  • Export to the stack you love Tailwind CSS, Bootstrap, Next.js, Laravel, WordPress and beyond.
“Its AI-powered features have transformed how I work! Designing and building websites has become faster, easier, and far more efficient.”
Est. 2019
Helping web builders ship since 2019 7 years of steady development.
A note from our CEO

Why the Lifetime License price is changing

New Lifetime License price from Oct 10th, 2026 $399

Today's price ends in

00 days
00 hours
00 min
00 sec

Hi, I'm Dawid. On October 10th, 2026, the price of the Lifetime License goes up to $399. Before that happens, I'd like to explain why, rather than just change a number on this page.

Shuffle today is a very different product from the one we launched in 2019. We ship new features all the time, and every Lifetime License holder gets all of them. That hasn't changed in 7 years and it isn't changing now. What has changed is how much a Lifetime License includes.

New in your Lifetime License

On top of lifetime access to the Shuffle Editor, here's what we've added recently. Every Lifetime License includes it:

AI Agent

Tell the AI Agent what to change in your project and watch it happen, then fine-tune the result visually whenever you like. Here's how it works:

Multi-AI Designer

Describe what you need once. Multi-AI Designer runs your prompt through Claude, GPT and Gemini and lays the results out side by side, so you can pick the best design and keep going. With a Lifetime License you can create up to 1,000 UIs a month.

Features like these run on AI models, and AI isn't cheap. We pay for that infrastructure ourselves. Shuffle has no VC funding behind it, so Lifetime Licenses are what keep it running. The new price lets us keep shipping at this pace and keep giving you more.

If you've been thinking about a Lifetime License, now is the best time. Buy before the change and you keep today's price, with every future update included.

Thank you for building with us.

Dawid CEO at Shuffle
Shuffle Editor

Build websites faster with an AI Visual Editor

Shuffle Editor on Twitter Shuffle Editor on YouTube Shuffle Editor on Facebook

Products

UI Components

Extensions

Support

Company

© 2026 Shuffle. All rights reserved.