<video src="https://uploads.productlane.com/57315f069c8bd6ba31e66e3633c98a9a.mp4" style="aspect-ratio:16/9;" controls="true"></video><h1>Creating Content</h1><p>Click anywhere on the canvas to create a new node, then start typing. Ryzome supports all standard markdown syntax:</p><h3>Text Formatting</h3><pre class="relative  language-plaintext" onmouseenter="initCodeBlockCopy()"><button class="absolute right-2 top-2 flex cursor-pointer items-center gap-1 rounded-lg bg-white px-1.5 py-1.5 text-xs font-medium text-gray-700 shadow-sm dark:bg-gray-800 dark:text-gray-200" onclick="copyCodeBlock(this)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-copy-icon lucide-copy h-3.5 w-3.5 transition-transform duration-200 ease-in-out hover:scale-110"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg></button><code class="language-plaintext relative"><span>**Bold text** and _italic text_
~~Strikethrough~~ and `inline code`</span></code></pre><h2>Header and Structure</h2><pre class="relative  language-plaintext" onmouseenter="initCodeBlockCopy()"><button class="absolute right-2 top-2 flex cursor-pointer items-center gap-1 rounded-lg bg-white px-1.5 py-1.5 text-xs font-medium text-gray-700 shadow-sm dark:bg-gray-800 dark:text-gray-200" onclick="copyCodeBlock(this)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-copy-icon lucide-copy h-3.5 w-3.5 transition-transform duration-200 ease-in-out hover:scale-110"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg></button><code class="language-plaintext relative"><span># Main Header

## Section Header

### Subsection

- Bullet points
- Nested lists
  - Sub-item
  - More items

1. Numbered lists
2. Sequential items
3. Ordered content</span></code></pre><h2>Links and References</h2><pre class="relative  language-plaintext" onmouseenter="initCodeBlockCopy()"><button class="absolute right-2 top-2 flex cursor-pointer items-center gap-1 rounded-lg bg-white px-1.5 py-1.5 text-xs font-medium text-gray-700 shadow-sm dark:bg-gray-800 dark:text-gray-200" onclick="copyCodeBlock(this)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-copy-icon lucide-copy h-3.5 w-3.5 transition-transform duration-200 ease-in-out hover:scale-110"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg></button><code class="language-plaintext relative"><span>[Link text](https://example.com)
[Internal link](/docs/quick-start)
![Image alt text](image-url.jpg)</span></code></pre><h2>Table</h2><pre class="relative  language-plaintext" onmouseenter="initCodeBlockCopy()"><button class="absolute right-2 top-2 flex cursor-pointer items-center gap-1 rounded-lg bg-white px-1.5 py-1.5 text-xs font-medium text-gray-700 shadow-sm dark:bg-gray-800 dark:text-gray-200" onclick="copyCodeBlock(this)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-copy-icon lucide-copy h-3.5 w-3.5 transition-transform duration-200 ease-in-out hover:scale-110"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg></button><code class="language-plaintext relative"><span>| Column 1 | Column 2 | Column 3 |
| -------- | -------- | -------- |
| Data     | More     | Content  |
| Row 2    | Info     | Here     |</span></code></pre><h2>CSV Data</h2><pre class="relative  language-plaintext" onmouseenter="initCodeBlockCopy()"><button class="absolute right-2 top-2 flex cursor-pointer items-center gap-1 rounded-lg bg-white px-1.5 py-1.5 text-xs font-medium text-gray-700 shadow-sm dark:bg-gray-800 dark:text-gray-200" onclick="copyCodeBlock(this)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-copy-icon lucide-copy h-3.5 w-3.5 transition-transform duration-200 ease-in-out hover:scale-110"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg></button><code class="language-plaintext relative"><span>Name,Role,Department
Alice,Designer,Product
Bob,Engineer,Development</span></code></pre><h2>Code block</h2><pre class="relative  language-plaintext" onmouseenter="initCodeBlockCopy()"><button class="absolute right-2 top-2 flex cursor-pointer items-center gap-1 rounded-lg bg-white px-1.5 py-1.5 text-xs font-medium text-gray-700 shadow-sm dark:bg-gray-800 dark:text-gray-200" onclick="copyCodeBlock(this)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-copy-icon lucide-copy h-3.5 w-3.5 transition-transform duration-200 ease-in-out hover:scale-110"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg></button><code class="language-plaintext relative"><span>function hello() {
  console.log('Hello, Ryzome!');
}
</span></code></pre><h2 class="x:tracking-tight x:text-slate-900 x:dark:text-slate-100 x:font-semibold x:target:animate-[fade-in_1.5s] x:mt-10 x:border-b x:pb-1 x:text-3xl nextra-border"><strong>Using as AI Context</strong></h2><p class="x:not-first:mt-[1.25em] x:leading-7">When you connect nodes containing rich content to other nodes, the AI can:</p><ul class="accent-bullets"><li><p><strong>Read and understand</strong> formatted content including tables and code</p></li><li><p><strong>Reference specific sections</strong> from headers and structure</p></li><li><p><strong>Synthesize information</strong> across multiple connected markdown nodes</p></li><li><p><strong>Maintain formatting</strong> when generating related content</p></li></ul><p class="x:not-first:mt-[1.25em] x:leading-7"><strong>Pro tip</strong>: Use headers and bullet points to structure your content. This helps AI understand the hierarchy and relationships within your nodes.</p><h2 class="x:tracking-tight x:text-slate-900 x:dark:text-slate-100 x:font-semibold x:target:animate-[fade-in_1.5s] x:mt-10 x:border-b x:pb-1 x:text-3xl nextra-border"><strong>Best Practices</strong></h2><ul class="accent-bullets"><li><p><strong>Keep nodes focused</strong>: One main idea or topic per node works best</p></li><li><p><strong>Use clear headers</strong>: Structure your content with descriptive headers</p></li><li><p><strong>Format for readability</strong>: Use tables, lists, and formatting to make content scannable</p></li></ul><p class="x:not-first:mt-[1.25em] x:leading-7">Very long nodes (10,000+ characters) may impact performance. Consider breaking large content into connected smaller nodes.</p>

Ryzome Features

Ryzome nodes support full markdown formatting, making them powerful containers for rich content. Every node is a mini-document that can hold text, images, tables, code, and more.

Writing in a Node