Skip to content

UI Overview

This page explains each part of the Bokuchi window so you know where everything is.

Bokuchi UI with labeled areas: Tab Bar, Editor, Preview, Toolbar, Status Bar

The tab bar sits at the top of the window. Each open file appears as a tab. You can:

  • Click a tab to switch to that file
  • Drag tabs to reorder them
  • Right-click a tab for more options (close, close others, etc.)
  • A dot or badge on a tab means the file has unsaved changes

This is where you type your Markdown text. It features:

  • Syntax highlighting for Markdown
  • Line numbers (can be toggled on/off)
  • Word wrap (configurable)
  • Minimap (optional)

This panel shows the rendered result of your Markdown in real time. Features include:

  • Synchronized scrolling with the editor
  • Clickable checkboxes (for task lists)
  • Syntax-highlighted code blocks (190+ languages)
  • Clickable links

Located between the tab bar and the editor, the toolbar provides buttons for common formatting: headings, bold, italic, lists, links, images, code blocks, tables, and more. You don’t need to memorize Markdown syntax — just select text and click a button.

At the bottom of the window, the status bar shows:

  • Current line and column number
  • Character count
  • Current zoom level (click to adjust)
  • Current theme (click to switch)

An optional panel that shows files in a folder. Open it with Ctrl+Shift+E or from the menu. You can click any file to open it in a new tab.

An optional panel that shows the heading structure of your current document. Open it with Ctrl+Shift+O. Click any heading to jump to that position in the editor.

Bokuchi offers three view modes:

ModeDescriptionShortcut
Split ViewEditor and preview side by sideCtrl+Shift+1
Editor OnlyFull-width editor, no previewCtrl+Shift+2
Preview OnlyFull-width preview, no editorCtrl+Shift+3

You can also cycle through these modes with Ctrl+Shift+V.

Three view modes: Edit Mode, Preview Mode, and Split View