无原创，纯转发http://drafts.miantiao.mehttp://drafts.miantiao.me/posts/141http://drafts.miantiao.me/posts/141Thu, 18 Jun 2026 02:50:08 GMTtermcn：让 <mark class="highlight">React</mark> 构建终端 UI 像 shadcn 一样简单<br /><br />如果你正在开发命令行工具（CLI）或终端应用程序，并希望拥有美观、交互性强的界面，那么 termcn 会是一个不错的选择。<br /><br />termcn 是一套基于 Ink 和 OpenTUI 构建的 <mark class="highlight">React</mark> 终端 UI 组件库。它采用了与流行前端 UI 库 shadcn/ui 类似的直接分发模式，允许开发者通过简单的命令行，直接将组件代码添加到自己的项目中。<br /><br /><b>核心亮点</b><br /><br />• <b>渐进式添加</b>：支持通过包管理器（如 pnpm、npm 或 yarn）以 shadcn CLI 的方式按需添加组件，例如 <code>pnpm dlx shadcn add @termcn/alert</code>，保持项目的轻量。<br />• <b>常用组件开箱即用</b>：提供表格（Table）、柱状图（Bar Chart）、等待动画（Spinner）、提示框（Alert）、工具调用展示（Tool Call）和徽章（Badge）等终端交互必备元素。<br />• <b>丰富的主题配色</b>：内置了 Catppuccin、Dracula、Nord、One Dark 等数十种经典且受欢迎的终端配色方案，轻松搭配出理想的视觉风格。<br /><br />无论是为你的开源工具制作更友好的 CLI 界面，还是在为 AI 代理开发终端控制台，termcn 都能帮助你快速构建出高颜值的终端交互体验。<br /><br /><a href="https://www.termcn.dev/" target="_blank" rel="noopener" title="https://www.termcn.dev/">https://www.termcn.dev/</a><br /><br /><a href="/search/result?q=%23%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91" title="#前端开发">#前端开发</a> <a href="/search/result?q=%23React" title="#React">#React</a> <a href="/search/result?q=%23%E5%91%BD%E4%BB%A4%E8%A1%8C%E5%B7%A5%E5%85%B7" title="#命令行工具">#命令行工具</a> <a href="/search/result?q=%23UI%E7%BB%84%E4%BB%B6%E5%BA%93" title="#UI组件库">#UI组件库</a> <a href="/search/result?q=%23CLI" title="#CLI">#CLI</a><a class="tgme_widget_message_link_preview" href="https://www.termcn.dev/" target="_blank" rel="noopener" title="A collection of beautifully designed, accessible, and customizable terminal UI components. Built on Ink and OpenTUI. Works with shadcn/ui."> <div class="link_preview_site_name accent_color">termcn</div> <img class="link_preview_image" alt="termcn" src="https://drafts.miantiao.me/static/https://cdn4.telesco.pe/file/Vgm3MjjGNZJvm4GPihcUhaAs12qg9ExVDiDg2DTCTGsiHK80qLCVlNxIn3cZm_i6YFl1DEZZ2mSYGhqwbPdY_Bkv_BFlppfE8BJNZgOax-vALpFrveu02lKkqO7q2Jnc4SGvDohe4-_sAjHpybFhMx3gGaoNDLQ8wjqWK8JuWKoaKdBE6avW05Z2FSJ8GDrEREOV0SxwEGP9OWZOfxCQNuc-yN2qnEXmZ6hb1MgQcfzD_6XlocL-c_oD1dU4iwwsb4_m3WtLrPXpsEL_BtQ4tkt3h64F-kjZL3s_WjGGlWpp1Jkh7Ib_y3Gwv22c0k-7hTHxZPJi-4NSb4zDOmlkQQ.jpg" width="1200" height="630" loading="eager" /> <div class="link_preview_description">A collection of beautifully designed, accessible, and customizable terminal UI components. Built on Ink and OpenTUI. Works with shadcn/ui.</div> </a>