Switch with the three buttons in the project header:
Note only
Note and canvas together (Split, the default)
Canvas only
The view you choose becomes the project’s default, so readers of a published project see it the way you set it. On a phone held upright, Split stacks the note above the canvas.
Share or publish the project from its header. The note and canvas inside go with it. A project’s note or canvas can’t be deleted on its own; delete the project instead.
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"Octonote AI","description":"Docs for Octonote AI, the workspace for humans and agents: notes and canvases side by side, written by you, Claude Code or Codex.","colors":{"primary":"#191919","light":"#F5F5F4","dark":"#191919"},"logo":{"light":"https://mintcdn.com/contextzero/3aGOk5O0HRNKWiP3/logo/light.svg?fit=max\u0026auto=format\u0026n=3aGOk5O0HRNKWiP3\u0026q=85\u0026s=724ced84f6dc97c1948e7f7e5460855a","dark":"https://mintcdn.com/contextzero/3aGOk5O0HRNKWiP3/logo/dark.svg?fit=max\u0026auto=format\u0026n=3aGOk5O0HRNKWiP3\u0026q=85\u0026s=9fdca3b6994e4def5e12834b1d8dbefe","href":"https://octonote.ai"},"favicon":"https://mintcdn.com/contextzero/3aGOk5O0HRNKWiP3/favicon.svg?fit=max\u0026auto=format\u0026n=3aGOk5O0HRNKWiP3\u0026q=85\u0026s=d0ed52a0f16b95b7aca129a6fb0bf513","navbar":{"links":[{"href":"https://www.reddit.com/r/OctonoteAI/","label":"Community"},{"href":"https://octonote.ai/#examples","label":"Examples"},{"href":"https://octonote.ai/pricing","label":"Pricing"}],"primary":{"type":"button","label":"Get started","href":"https://octonote.ai/signup"}},"footer":{"socials":{"reddit":"https://www.reddit.com/r/OctonoteAI","linkedin":"https://www.linkedin.com/company/octonote-ai"},"links":[{"header":"Octonote","items":[{"label":"Home","href":"https://octonote.ai"},{"label":"CLI","href":"https://octonote.ai/cli"},{"label":"Students","href":"https://octonote.ai/students"},{"label":"Community (Reddit)","href":"https://www.reddit.com/r/OctonoteAI"},{"label":"Contact","href":"mailto:hello@octonote.ai"}]}]},"styling":{"latex":true},"navigation":{"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"contextzero","hasAudioNarration":false,"actualSubdomain":"contextzero","customDomains":["docs.octonote.ai"],"gitSource":{"type":"github","owner":"codercouple","repo":"octonote-ai","deployBranch":"main","contentDirectory":"docs","isPrivate":false,"mountPath":"","label":"","_id":"6ae3930a4ae803192fa07b37"},"chroma":{"liveDeploymentHistoryId":"6ae3930a4ae803192fa07b3e","collectionId":"30229577-936e-4d28-9076-73102fecc85d","schemaVersion":"v3","latestBuiltDeploymentHistoryId":"6ae3930a4ae803192fa07b3e"},"entitlements":{},"buildId":"6ae3a01ffe0d011f89779925","clientVersion":"0.0.4021","searchFilterCounts":[{"language":"default","tag":"Guides","count":13},{"language":"default","tag":"Agents \u0026 CLI","count":11},{"language":"default","tag":"CLI reference","count":9},{"language":"default","tag":"Reference","count":9},{"language":"default","tag":"Agents","count":7},{"language":"default","tag":"Write","count":5},{"language":"default","tag":"CLI","count":4},{"language":"default","tag":"Share","count":3},{"language":"default","tag":"Account","count":3},{"language":"default","tag":"Get started","count":2}]},"assistantConfig":{},"basePath":"","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"per-site-search-delta","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-private-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"byok-sep-25","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"vite-origin","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-updated-9-15","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"guides/projects","slug":"/guides/projects","pageMetadata":{"title":"Projects","description":"One note and one canvas, side by side.","href":"/guides/projects"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"One note and one canvas, side by side.\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={a:`a`,li:`li`,p:`p`,strong:`strong`,ul:`ul`,..._provideComponents(),...props.components},{Heading}=_components;if(!Heading)_missingMdxReference(`Heading`,true);return _jsxs(_Fragment,{children:[_jsx(_components.p,{children:`A project pairs one note with one canvas: the writing and the drawing that explains it. Renaming the project renames both.`}),`\n`,_jsx(Heading,{level:`2`,id:`views`,children:`Views`}),`\n`,_jsx(_components.p,{children:`Switch with the three buttons in the project header:`}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsx(_components.li,{children:_jsx(_components.strong,{children:`Note only`})}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Note and canvas together`}),` (Split, the default)`]}),`\n`,_jsx(_components.li,{children:_jsx(_components.strong,{children:`Canvas only`})}),`\n`]}),`\n`,_jsx(_components.p,{children:`The view you choose becomes the project’s default, so readers of a published project see it the way you set it. On a phone held upright, Split stacks the note above the canvas.`}),`\n`,_jsx(Heading,{level:`2`,id:`figures-in-the-note`,children:`Figures in the note`}),`\n`,_jsxs(_components.p,{children:[`Group shapes into a figure on the canvas (`,_jsx(_components.a,{href:`/guides/canvases#figures`,children:`how`}),`), then drag its handle into the note. It lands where you drop it and stays in sync with the drawing.`]}),`\n`,_jsx(Heading,{level:`2`,id:`sharing`,children:`Sharing`}),`\n`,_jsx(_components.p,{children:`Share or publish the project from its header. The note and canvas inside go with it. A project’s note or canvas can’t be deleted on its own; delete the project instead.`})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Projects","description":"One note and one canvas, side by side.","href":"/guides/projects"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Views","slug":"views","depth":2,"children":[]},{"title":"Figures in the note","slug":"figures-in-the-note","depth":2,"children":[]},{"title":"Sharing","slug":"sharing","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"contextzero","siteName":"Octonote AI","title":"Projects - Octonote AI","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-10-29T18:40:46.870Z","originalFileLocation":"guides/projects.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"One note and one canvas, side by side.\">\u003cmeta data-mint-head name=\"application-name\" content=\"Octonote AI\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/contextzero/6TaBbTArMrrGIsWq/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/contextzero/6TaBbTArMrrGIsWq/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/contextzero/6TaBbTArMrrGIsWq/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/contextzero/6TaBbTArMrrGIsWq/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/contextzero/6TaBbTArMrrGIsWq/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/contextzero/6TaBbTArMrrGIsWq/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/contextzero/6TaBbTArMrrGIsWq/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/contextzero/6TaBbTArMrrGIsWq/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/contextzero/6TaBbTArMrrGIsWq/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Projects - Octonote AI\">\u003cmeta data-mint-head property=\"og:description\" content=\"One note and one canvas, side by side.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Octonote AI\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.octonote.ai/guides/projects\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://contextzero.mintlify.app/_mintlify/api/og/v2?division=Write\u0026amp;title=Projects\u0026amp;description=One+note+and+one+canvas%2C+side+by+side.\u0026amp;theme=0ab0ac4883e7ff58f9fc30ef\u0026amp;signature=242f0e065deffa1f478a253a4d7ee0d5379651a65ab4499093c9bf0c12a765a4\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Projects - Octonote AI\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"One note and one canvas, side by side.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://contextzero.mintlify.app/_mintlify/api/og/v2?division=Write\u0026amp;title=Projects\u0026amp;description=One+note+and+one+canvas%2C+side+by+side.\u0026amp;theme=0ab0ac4883e7ff58f9fc30ef\u0026amp;signature=242f0e065deffa1f478a253a4d7ee0d5379651a65ab4499093c9bf0c12a765a4\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/contextzero/6TaBbTArMrrGIsWq/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Octonote AI\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#191919\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.octonote.ai/guides/projects\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/guides/projects.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.octonote.ai/#organization\",\"name\":\"Octonote AI\",\"url\":\"https://docs.octonote.ai\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/contextzero/3aGOk5O0HRNKWiP3/logo/light.svg?fit=max\u0026auto=format\u0026n=3aGOk5O0HRNKWiP3\u0026q=85\u0026s=724ced84f6dc97c1948e7f7e5460855a\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.octonote.ai#website\",\"name\":\"Octonote AI\",\"url\":\"https://docs.octonote.ai\",\"publisher\":{\"@id\":\"https://docs.octonote.ai/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.octonote.ai/guides/projects#webpage\",\"url\":\"https://docs.octonote.ai/guides/projects\",\"name\":\"Projects\",\"description\":\"One note and one canvas, side by side.\",\"dateModified\":\"2026-10-29T18:40:46.870Z\",\"isPartOf\":{\"@id\":\"https://docs.octonote.ai#website\"},\"breadcrumb\":{\"@id\":\"https://docs.octonote.ai/guides/projects#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.octonote.ai/guides/projects#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Write\",\"item\":\"https://docs.octonote.ai/guides/notes\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Projects\",\"item\":\"https://docs.octonote.ai/guides/projects\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.octonote.ai/guides/projects#article\",\"headline\":\"Projects\",\"name\":\"Projects\",\"description\":\"One note and one canvas, side by side.\",\"url\":\"https://docs.octonote.ai/guides/projects\",\"mainEntityOfPage\":{\"@id\":\"https://docs.octonote.ai/guides/projects#webpage\"},\"dateModified\":\"2026-10-29T18:40:46.870Z\",\"publisher\":{\"@id\":\"https://docs.octonote.ai/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.octonote.ai#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Octonote AI\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"Octonote AI","nav":{"global":null,"tabs":[{"tab":"Guides","groups":[{"group":"Get started","pages":[{"title":"Octonote AI docs","sidebarTitle":"Welcome","href":""},{"title":"Quickstart","href":"/quickstart"}]},{"group":"Write","pages":[{"title":"Notes","href":"/guides/notes"},{"title":"Canvases","description":"An infinite canvas for flows, maps and architecture diagrams, with diagrams you write as code.","href":"/guides/canvases"},{"title":"Projects","href":"/guides/projects"},{"title":"Notebooks","description":"Folders for notes, canvases and projects, which publish as a small website.","href":"/guides/notebooks"},{"title":"Home and search","href":"/guides/home-and-search"}]},{"group":"Share","pages":[{"title":"Sharing","href":"/guides/sharing"},{"title":"Publishing","href":"/guides/publishing"},{"title":"Analytics","href":"/guides/analytics"}]},{"group":"Account","pages":[{"title":"Plans and billing","href":"/guides/plans"},{"title":"Students","href":"/guides/students"},{"title":"Account and settings","href":"/guides/settings"}]}]},{"tab":"Agents \u0026 CLI","pages":[{"title":"Agents \u0026 CLI","href":"/agents/overview"}]},{"tab":"CLI reference","pages":[{"title":"CLI reference","href":"/cli/reference/overview"}]}]},"title":"Projects - Octonote AI","buildId":"dpl_EnxDqhjaNc9a8MVa833TGULPd9uJ","deploymentId":"dpl_EnxDqhjaNc9a8MVa833TGULPd9uJ","dynamics":[],"chunks":[]}