Create stunning UIs in Shuffle, then take full control with Cursor. Sync projects locally and accelerate your workflow — all powered by the Shuffle CLI.
Shuffle gives you 13,200+ responsive UI components to kickstart your projects — and with intuitive drag and drop, assembling beautiful layouts is faster than ever.
Try DemoDownload 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=cursor ~$ 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.
Once your code is synced, use Cursor's AI to make edits instantly. Refactor components, tweak styles, or generate new sections — just describe what you want, and let Cursor handle the rest.
Example Cursor 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.
Combine the speed of Cursor's AI coding with the precision of Shuffle's visual editor to deliver production-ready websites—without compromise.
Shuffle gives you complete visual control over real code. Cursor helps generate and update that code with AI. There is no need to rewrite or refactor manually.
Create beautiful, responsive layouts in Shuffle. Let Cursor fill in the logic, components, and boilerplate. Together, they handle everything from pixels to props.
Shuffle makes UI changes effortless. Cursor helps update your codebase intelligently. Edit visually and regenerate what you need - without breaking flow.
Imagine prototyping in Shuffle while Cursor writes supporting code. Tweak visuals in real-time, then use AI to scaffold backend logic, data hooks, or state. Fast!
No more back-and-forth. With Shuffle + Cursor, your entire product team moves faster, especially during early builds and the final polish.
Shuffle and Cursor bring the best of visual editing and AI together for devs who ship.
© 2025 Shuffle. All rights reserved.