Empty Page

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

Your page looks empty

Start by adding your first block.

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

Import & use
import { Editor47 } from "@/components/beste/piece/editor47";

<Editor47
  title="Your page looks empty"
  description="Start by adding your first block."
  buttonLabel="Add Block"
  tone="emerald"
/>

More Editor pieces

View all Editor
for (let $1:i = 0; $1 < $2:arr.length; $1++) {}
Tab throughTab

Snippet Placeholders

editor15

Code template with dashed-outline tab stops. Active placeholder tints primary, others stay muted.

Feature177 Content#feature177
Heading

No tutorials needed.

Description

If you can order food online, you can build a website with Beste.

Content Panel

editor46

Side-panel content editor with a header chip row, locale and history pills, and stacked rich-text fields for heading and description.

Outline
  • Dashboard
  • constructor
  • state
  • render
  • computeStats

Outline Panel

editor12

Document outline with colored kind tiles for class, function, method, and prop. Depth-indented with an active row.

src
components
beste
button.tsx

Path Breadcrumb

editor3

Path row with folder or file icons, chevron separators, and a bold final crumb.

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

Editor Tab Bar

editor6

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

Zen Modemanifesto.md
Exit⌘+K+Z

Zen Mode

editor32

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