Zen Mode

Zen Modemanifesto.md
Exit+K+Z
About this piece

Zen Mode

Minimal focus card with a focus icon, current filename, and an exit-shortcut reminder.

Usage

The import and the props worth knowing about, in one place.

import { Editor32 } from "@/components/beste/piece/editor32";

<Editor32
  filename="manifesto.md"
  shortcut={[
    "⌘",
    "K",
    "Z"
  ]}
/>

More Editor pieces

View all Editor
Theme

Theme Switcher

Settings card with a segmented light / dark / system toggle and icon plus label per option.

Launch Checklist

Ship with confidence by running through the five-point review.

  • Verify preview URL
  • Run smoke suite
  • Tag the release
pnpm release

Markdown Preview

Rendered markdown mini card with a heading, lede paragraph, bullet list, and inline code chip.

File Tree

Nested file explorer with folder chevrons, amber folder icons, and a highlighted active file.

Your page looks empty

Start by adding your first block.

Empty Page

Centered editor placeholder with a soft icon tile, headline, hint line, and a recolorable call-to-action pill.

index.tsx
button.tsx
card.tsx
theme.css

Editor Tab Bar

Row of filename tabs with active styling. Dirty tabs show a sky dot in place of the close button.

format
  • Format DocumentEditor
  • Format SelectionEditor
  • Reveal in File ExplorerFile

Command Palette

Command palette card with a search bar, ranked results, hint captions, and kbd shortcut pills.