Code Editor With Command Palette

Command palette

Run anything from one keystroke

Cmd-K opens a fuzzy index of every command, file, and route in the workspace. Drop the block onto your page and it just works — keyboard shortcuts wired in.

workspace.tspalette.config.tstokens.css
// Configure the workspace
import { workspace } from "@beste/workspace";
// Bind palette to ⌘K
const ws = await workspace.create({ name: "acme" });
// Register commands
ws.command("deploy.production");
ws.command("logs.tail");
// Wire fuzzy search index
ws.index("routes", "files");
export default ws;
⌘K

Recently used

Workspace

↑↓ to navigate · ↵ to runOpen palette
About this block

Code Editor With Command PalettePRO

Browser-chrome card layering a Cmd+K command palette over a backdrop-blurred code editor — search input, grouped commands with keyboard shortcuts, and a navigation hint footer. Every label is editable; no media props required.

More Showcase blocks

View all Showcase
PRO

showcase14

Code Editor With Upload Drawer

PRO

showcase18

Code Editor With Live Logs

PRO

showcase20

Code Editor With Environments Panel

Get Pro access