Zen Mode

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

Zen Modemanifesto.md

Exit⌘+K+Z

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

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

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

More Editor pieces

Theme

editor35

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

Your page looks empty

Start by adding your first block.

editor47

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

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

pnpm release

editor10

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

editor5

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

format

editor9

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

greet.ts

1export function greet(name: string) {
2  return `Hello, ${name}!`;
3}
4 
5// Ship it

editor1

Theme-adaptive editor window with traffic-light header, filename, and a tokenized code body.