Dokly docs
Dokly docs

Visual Editor - Write Docs Without Code

Dokly's visual editor lets you write beautiful documentation without touching code. Slash commands, drag-and-drop, and live preview.

Write docs without touching code. Seriously.

I wanted an editor that feels like Notion but outputs clean, production-ready documentation. No wrestling with Markdown syntax or YAML frontmatter — just write.

How it works#

Start typing. That's it.

When you need something beyond plain text, hit / to open the command menu. You'll see all the blocks you can add:

Text

  • /h1, /h2, /h3 — Headings
  • /bullet — Bullet list
  • /numbered — Numbered list
  • /quote — Block quote

Components

  • /callout — Info/warning/success/error boxes
  • /code — Code block with syntax highlighting
  • /tabs — Tabbed content
  • /steps — Step-by-step guide

Layout

  • /card — Clickable card
  • /card-group — Grid of cards
  • /image — Upload an image
  • /hr — Horizontal line

Drag and drop#

Every block has a handle on the left. Grab it to reorder content. Want to move a section? Just drag it.

Live preview#

See exactly how your docs will look as you write. No surprises when you publish.

The editor auto-saves every few seconds. You'll never lose your work.

Formatting#

Select any text to get the formatting toolbar:

  • BoldCmd+B
  • ItalicCmd+I
  • Inline codeCmd+E
  • Links — Cmd+K
  • Strikethrough
  • Highlight

Images#

Three ways to add images:

  1. Type /image and upload
  2. Drag and drop from your desktop
  3. Paste with Cmd+V

Images are automatically uploaded and optimized. No external hosting needed.

I built this editor because I was tired of context-switching between writing and previewing. Now I just write.