Your options.
All together. Still live.
Canvas gives every direction room to breathe, using the components already running in your app.
The real thing, with its state intact.
Open Canvas from any comparison. Your inputs, buttons, animations, canvas drawings, and existing embedded content stay with the original components. Unship keeps them in the same document, under the same parents.
Stack whole sections or lay out compact components in a grid. Pan, pinch, zoom, Fit, and switch between light and dark Canvas themes.
A choice starts the next conversation.
Hold an option to copy its name and group, then paste it into your AI chat with your feedback. Keep exploring, combine directions, or ask your agent to finalize. Copying a choice does not delete alternatives or change your source.
Easier to install. Safer to update.
Expanded installation supports Codex, Claude Code, Cursor, Gemini CLI, Windsurf, Cline, and more. A current picker asset is checked before comparison. Replacing an older generated asset saves a recovery copy.
Install with Node.js 20 or newer:
npm install -g @unship/cli
unship installAlready using Unship?
npm install -g @unship/cli@latest
unship install --repairReload your agent’s skills and ask it to refresh the picker in existing comparisons. A restart alone does not update copied project files.
A few boundaries to know.
Live Canvas shares your actual browser viewport. Resize the browser to test responsive layouts; there is no emulated phone/tablet toggle.
Canvas requires the Popover API. Options that are themselves popovers or dialogs stay in page comparisons. Detected external overlays return you to the page; custom portals and cross-origin iframe gestures may need testing there.
Unship is temporary development tooling. Ask your agent to finalize and remove the comparison before shipping your app. The public demos on this website are intentional exceptions.