Cursor Canvas Tool
Paste a Cursor .canvas.tsx file, preview it in the browser, and publish a short shareable link.
FAQ
Why does it look different from Cursor? This preview reimplements the public cursor/canvas API in React. It is not the Cursor IDE runtime. Spacing, charts, and controls should be close, not pixel-identical.
Can Agent buttons work? Partially. useCanvasAction opens Cursor via deeplink (cursor://). Chat prompts and absolute file paths work; relative paths and Agent conversation ids cannot target the local workspace, so they prefill a prompt instead.
Do short links expire? They stay until the owner deletes them from Published links. They are not one-time messages.
Why did publish fail? The backend must be running, and the source must import from cursor/canvas. Empty files, files over 200,000 characters, and disallowed imports are rejected.
Why is the preview blank? The file needs a default export that returns canvas primitives. Expand the live examples on the examples page for a known-good shape.
Can I import lucide-react or local files? No. Only cursor/canvas and React are allowed. Inline small SVG inside IconButton if you need an icon.
Is the source private? Only until you create a short link. After that, anyone with the URL can load the source.
Does Load example match these docs? No. Load example in the tool injects the full SDK gallery. This documentation uses smaller previews so you can copy one idea at a time.