termcn - Ink와 OpenTUI 기반의 아름다운 터미널 UI 컴포넌트

• 별도 설정 필요없이 명령 하나로 셋업 가능한 React용 터미널 UI 컴포넌트 오픈소스
• Ink 와 OpenTUI 위에 구축하였고, shadcn/ui와 매끄럽게 연동되며, 동일한 레지스트리 형식과 CLI 사용
• 선택한 터미널 테마를 자동으로 인식해서 맞춰줌
• 단순하고 선언적인 컴포넌트로 조합(Composable) 하여 복잡한 터미널 UI 구성
• 총 11개 카테고리에서 99개의 컴포넌트 제공
  • 레이아웃, 타이포그래피, 인풋, 셀렉션, 데이터, 피드백, 네비게이션, 오버레이, 폼, 유틸리티, AI
• 터미널에서 보기 드문 독특한 컴포넌트들도 다수 포함
  • AI 에이전트용: Thinking Block, Streaming Text, Tool Approval, Token Usage, Model Selector 등 최근 agentic CLI 도구에서 등장한 신종 컴포넌트들
  • 그래픽 렌더링: 터미널에 실제 이미지를 그리는 Image, CLI에서 QR 출력하는 QR Code, 원형 진행률 Progress Circle
  • 오버레이류: 텍스트 그리드 위에 레이어를 겹치는 Modal, Dialog, Drawer, Popover, Tooltip
  • 개발 도구 특화: Git Status, Diff View, Directory Tree, 터미널 속 터미널 Embedded Terminal
  • GUI형 입력 위젯: Color Picker, Date Picker, File Picker 등 키보드 기반으로 재현
• 동작 예제는 https://www.termcn.dev 에서 볼 수 있음
• MIT 라이선스

[click]

생산성이 높은건 맞긴 한데 개인적으로는 옛날 분들한테 가서 TUI 를 react 로 만든다 하면 이놈! 어디 터미널에 쓸데없는 오버헤드를 추가하고 앉아있냐 할 것 같아요
폰 노이만이 어셈블리어 만들어서 쓰는 제자들 보고 왜 기계어로 코딩 안하고 이상한 거 쓰냐 라던 일화가 생각나는 느낌

[snisper]

폰선생님께 물어보니 그런적 없다고 합니다.

[poleewer]

개인적으로 요새 TUI 툴은 워낙 사용성이 좋아서 IDE와 비교할 때 기계어 ↔ 어셈블리어 느낌보다는 마우스 ↔ 트랙패드 느낌으로 취향 차이가 아닐까 싶기도 합니다 ㅎㅎ