termcn - Ink와 OpenTUI 기반의 아름다운 터미널 UI 컴포넌트
요약
Ink와 OpenTUI를 기반으로 구축된 React용 터미널 UI 컴포넌트 라이브러리입니다. shadcn/ui와 유사한 사용성을 제공하며, AI 에이전트용 컴포넌트와 그래픽 렌더링 기능을 포함한 99개의 다양한 컴포넌트를 지원합니다.
핵심 포인트
- Ink 및 OpenTUI 기반의 선언적 React 컴포넌트 제공
- AI 에이전트 특화 컴포넌트(Thinking Block, Tool Approval 등) 포함
- 터미널 테마 자동 인식 및 shadcn/ui 스타일의 연동 지원
- 이미지, QR 코드, GUI형 입력 위젯 등 독특한 기능 지원
-
별도 설정 필요없이 명령 하나로 셋업 가능한
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 라이선스
댓글과 토론
AI 자동 생성 콘텐츠
본 콘텐츠는 GeekNews의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기