KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #ai-agents #developer-tools #ai-agent #claude-code #mcp #typescript #codex #cli #rust #deepseek-harness

tui

★ 9 Open GitHub ↗

Blazing fast svelte-like reactive framework for creating TUI applications

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# TUI

A reactive terminal UI framework for TypeScript and Bun.

## Install

```bash
bun add @rlabs-inc/tui
```

## Quick Example

```typescript
import { signal, box, text, mount, keyboard } from '@rlabs-inc/tui'

const count = signal(0)

const cleanup = await mount(() => {
  box({
    padding: 1,
    children: () => {
      text({ content: () => `Count: ${count.value}` })
      text({ content: 'Press + to increment, q to quit' })
    }
  })
})

keyboard.onKey('+', () => { count.value++ })
keyboard.onKey('q', () => cleanup())
```

Run with `bun run your-file.ts`.

## Core Concepts

- **Signals** - Reactive state: `signal(0)` creates a value that triggers updates when changed
- **Primitives** - UI building blocks: `box`, `text`, `input`
- **Reactivity** - Use `() =>` functions for dynamic values that update automatically
- **Keyboard** - `keyboard.onKey('Enter', handler)` for input handling

## Next Steps

- [Quick Start Guide](./docs/getting-started/quickstart.md) - Build your first app step by step

tui

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README