> ## Documentation Index
> Fetch the complete documentation index at: https://docs.wit.sh/llms.txt
> Use this file to discover all available pages before exploring further.

# Visual Interfaces Overview

> Built-in visual tools for version control

wit includes powerful visual interfaces out of the box - no external tools required.

## Available Interfaces

<CardGroup cols={3}>
  <Card title="Web UI" icon="window" href="/visual/web-ui">
    Modern web dashboard with full-featured interface
  </Card>

  <Card title="Terminal UI" icon="terminal" href="/visual/terminal-ui">
    Interactive terminal interface for keyboard-driven workflows
  </Card>

  <Card title="ASCII Graph" icon="diagram-project" href="/visual/graph">
    Quick commit visualization in the terminal
  </Card>
</CardGroup>

## Quick Start

```bash theme={null}
# Launch web UI (opens browser)
wit web

# Launch terminal UI
wit ui

# Show ASCII graph
wit graph
```

## Comparison

| Feature             | Web UI | Terminal UI | Graph |
| ------------------- | ------ | ----------- | ----- |
| Visual commit graph | ✓      | -           | ✓     |
| Side-by-side diff   | ✓      | ✓           | -     |
| File browser        | ✓      | ✓           | -     |
| Search              | ✓      | -           | -     |
| One-click staging   | ✓      | ✓           | -     |
| Keyboard navigation | ✓      | ✓           | -     |
| Works over SSH      | -      | ✓           | ✓     |
| Mouse support       | ✓      | ✓           | -     |

## When to Use Each

<AccordionGroup>
  <Accordion title="Web UI - Best for visual exploration">
    Use when you want:

    * Full visual commit graph
    * Side-by-side diffs with syntax highlighting
    * Easy file browsing and searching
    * Mouse-driven workflow

    ```bash theme={null}
    wit web
    ```
  </Accordion>

  <Accordion title="Terminal UI - Best for keyboard workflows">
    Use when you want:

    * Stay in the terminal
    * Fast keyboard-driven interaction
    * Works over SSH

    ```bash theme={null}
    wit ui
    ```
  </Accordion>

  <Accordion title="Graph - Best for quick visualization">
    Use when you want:

    * Quick view of commit history
    * See branch structure at a glance
    * Minimal overhead

    ```bash theme={null}
    wit graph
    ```
  </Accordion>
</AccordionGroup>