OpenTUI

Built with shadcn/ui

The terminal component
for modern apps

A powerful, customizable terminal interface built with OpenTUI and React. Command history, tab completion, interactive UI components, and full TypeScript support.

$npx shadcn@latest add https://opentui.vercel.app/r/terminal.json
Compatible with npm, yarn, pnpm, and bun

See it in action

Watch automated demos showcasing OpenTUI terminal features

OpenTUI Terminal
Installation
user@opentui:~$
OpenTUI Terminal
UI Components
user@opentui:~$
OpenTUI Terminal
Built-in Commands
user@opentui:~$

OpenTUI Components

Interactive terminal UI components from the @shadcn-opentui registry

@shadcn-opentui/terminal-controls
TERMINAL CONTROLS
Volume75%
0%100%
Brightness50%
[████████░░░░░░░] 50%
0%100%
Processing Speed25 ops/s
0 ops/s100 ops/s

Pre-built control panel with sliders and buttons for terminal settings

@shadcn-opentui/terminal-slider
CPU Usage65%
0%100%
Memory42 GB
[█████████████░░░░░░░] 42 GB
0 GB64 GB
Network Speed850 Mbps
0 Mbps1000 Mbps

Terminal-styled sliders with ASCII visualization mode

15+
Built-in commands
5
UI components
100%
TypeScript
<5kb
Bundle size

Everything you need

Powerful features for building terminal experiences

Command History

Navigate through previous commands with arrow keys, just like a real terminal.

Tab Completion

Intelligent tab completion with suggestions for faster command entry.

UI Components

Built-in forms, menus, sliders, and progress bars for interactive terminal UIs.

Async Commands

Full support for async command handlers with loading states.

Try it yourself

Experience the full power of the OpenTUI terminal component. Type commands, use tab completion, and explore the built-in functionality including interactive UI modes.

Available commands

helpShow all commands
ui menu [items]Create interactive menu
form [fields]Create interactive form
progress [ms]Show animated progress
ascii [text]Generate ASCII art
clearClear terminal
OpenTUI Terminal
Ctrl+L to clear
🚀 Welcome to OpenTUI Terminal
Type 'help' to see available commands.
Use ↑/↓ for history, Tab for completion.
Try 'ui menu' or 'form' for interactive modes!
demo@opentui:~$

Ready to get started?

Add the OpenTUI terminal component to your project using the @shadcn-opentui registry.