Layout Examples

Save any of these in a project's .muxy/layouts/ folder.

side-by-side.yaml

layout: horizontal
panes:
  - tab:
      name: editor
      command: nvim .
  - tab:
      name: shell

┌──────────────────┬──────────────────┐
│ editor           │ shell            │
│ nvim .           │                  │
└──────────────────┴──────────────────┘

stacked.yaml

layout: vertical
panes:
  - tab: npm run dev
  - tab:
      name: shell

┌─────────────────────────────────────┐
│ npm run dev                         │
├─────────────────────────────────────┤
│ shell                               │
└─────────────────────────────────────┘

quad.yaml

layout: horizontal
panes:
  - layout: vertical
    panes:
      - tab: { name: top-left }
      - tab: { name: bottom-left }
  - layout: vertical
    panes:
      - tab: { name: top-right }
      - tab: { name: bottom-right }

┌──────────────────┬──────────────────┐
│ top-left         │ top-right        │
├──────────────────┼──────────────────┤
│ bottom-left      │ bottom-right     │
└──────────────────┴──────────────────┘

dev.yaml

layout: horizontal
panes:
  - tab:
      name: editor
      command: nvim .
  - layout: vertical
    panes:
      - tab:
          name: server
          command:
            - npm install
            - npm run dev
      - tab:
          name: shell

┌──────────────────┬──────────────────┐
│ editor           │ server           │
│ nvim .           ├──────────────────┤
│                  │ shell            │
└──────────────────┴──────────────────┘