termcn:让 React 构建终端 UI 像 shadcn 一样简单
如果你正在开发命令行工具(CLI)或终端应用程序,并希望拥有美观、交互性强的界面,那么 termcn 会是一个不错的选择。
termcn 是一套基于 Ink 和 OpenTUI 构建的 React 终端 UI 组件库。它采用了与流行前端 UI 库 shadcn/ui 类似的直接分发模式,允许开发者通过简单的命令行,直接将组件代码添加到自己的项目中。
核心亮点
• 渐进式添加:支持通过包管理器(如 pnpm、npm 或 yarn)以 shadcn CLI 的方式按需添加组件,例如
• 常用组件开箱即用:提供表格(Table)、柱状图(Bar Chart)、等待动画(Spinner)、提示框(Alert)、工具调用展示(Tool Call)和徽章(Badge)等终端交互必备元素。
• 丰富的主题配色:内置了 Catppuccin、Dracula、Nord、One Dark 等数十种经典且受欢迎的终端配色方案,轻松搭配出理想的视觉风格。
无论是为你的开源工具制作更友好的 CLI 界面,还是在为 AI 代理开发终端控制台,termcn 都能帮助你快速构建出高颜值的终端交互体验。
https://www.termcn.dev/
#前端开发 #React #命令行工具 #UI组件库 #CLI
如果你正在开发命令行工具(CLI)或终端应用程序,并希望拥有美观、交互性强的界面,那么 termcn 会是一个不错的选择。
termcn 是一套基于 Ink 和 OpenTUI 构建的 React 终端 UI 组件库。它采用了与流行前端 UI 库 shadcn/ui 类似的直接分发模式,允许开发者通过简单的命令行,直接将组件代码添加到自己的项目中。
核心亮点
• 渐进式添加:支持通过包管理器(如 pnpm、npm 或 yarn)以 shadcn CLI 的方式按需添加组件,例如
pnpm dlx shadcn add @termcn/alert,保持项目的轻量。• 常用组件开箱即用:提供表格(Table)、柱状图(Bar Chart)、等待动画(Spinner)、提示框(Alert)、工具调用展示(Tool Call)和徽章(Badge)等终端交互必备元素。
• 丰富的主题配色:内置了 Catppuccin、Dracula、Nord、One Dark 等数十种经典且受欢迎的终端配色方案,轻松搭配出理想的视觉风格。
无论是为你的开源工具制作更友好的 CLI 界面,还是在为 AI 代理开发终端控制台,termcn 都能帮助你快速构建出高颜值的终端交互体验。
https://www.termcn.dev/
#前端开发 #React #命令行工具 #UI组件库 #CLI