Ink Web

✨ Ink Web：在浏览器和终端中畅享命令行体验

Ink Web 为开发者带来了革新性的体验，让您能够跨平台构建交互式命令行应用，并在浏览器和终端中流畅运行。它基于强大的 Ink、React 和 Xterm.js 技术栈，提供了一站式解决方案，让您的开发工作更加高效便捷！

---

🚀 轻松上手 & 快速安装

告别繁琐的配置，Ink Web 致力于让您的开发之旅一帆B风。我们提供清晰的安装指南和框架特定教程，确保您能迅速融入项目。

• 💡 一键安装： 大部分 UI 组件可直接通过 shadcn 注册表安装，省时省力。
• ⚙️ 灵活配置： 支持独立安装方式，为您管理依赖提供更大灵活性。
• 🔗 智能别名： 通过别名配置，实现一套代码在 Node.js (ink) 和浏览器 (ink-web) 环境下的无缝运行，同时享受完整的 TypeScript 类型支持。

“CLIs in the browser & terminal. Ink Web is a way to build interactive command-line apps with Ink and React that run in the browser as well as in the terminal.”
—— ink-web.dev

---

🎨 丰富强大的 UI 组件库

Ink Web 内置了一系列为命令行应用量身定制的 React UI 组件，功能强大、开箱即用，让您的应用界面更加生动有趣。

• 🔡 Ascii 艺术字： 利用 figlet 字体渲染 ASCII 艺术字，为文本增添创意。
• 🌈 渐变文本： 无需依赖即可为终端文本应用华丽的颜色渐变，内置多种预设，也可自定义。
• 🔗 可点击链接： 在支持的终端中创建可点击的超链接，提升用户交互。
• 🖥️ Mac 风格窗口： macOS 风格的窗口容器，带有交通灯按钮和可选标题栏。
• ✔️ 多选 & 单选输入： 提供键盘导航的多选和单选输入组件，简化用户选择。
• ⏳ 动态加载指示器： 动画加载 Spinner，为用户提供友好的等待提示。
• 📊 精美表格： 可自定义样式的终端表格组件，用于清晰展示数据。
• 📝 文本输入框： 带键盘处理、占位符和自定义提示的终端文本输入组件，支持历史记录。

---

⚡ 智能加载状态处理

Ink Web 提供了开箱即用的加载状态功能，让您的应用在初始化时也能保持流畅的用户体验，避免页面闪烁和布局跳动。

• ✨ 多种预设： 选择 Spinner、Skeleton 等内置加载动画，或自定义您的加载组件。
• 🎯 灵活定位： 加载指示器可居中，或放置在任意角落 (如 top-left, bottom-right)。
• 🛡️ 无缝过渡： 对于 Next.js 项目，使用 createDynamicTerminal 助手可自动防止 SSR 错误，平滑过渡，确保一致的高度和动画。

我们确保您的用户在等待应用加载时也能拥有愉悦的体验！

---

🤝 生态系统兼容与支持

Ink Web 已经支持了 Claude Code、Gemeni CLI 等多个知名项目，证明了其强大的兼容性和开发潜力。加入我们，与这些优秀的团队一同构建未来！

---