简介

TechUI 系列组件库 是一套专为 Vue 3 构建的下一代前端组件生态系统。

这些组件库不仅仅是一个 UI 库，更是一套专注于数据可视化与科幻风格界面的完整解决方案。从底层的原子组件到可视化动态SVG UI组件，TechUI 致力于帮助开发者以最优雅的方式，构建出电影级的未来感界面。

设计哲学：铁三角法则

在软件工程中，质量 (Good)、速度 (Fast) 与 成本 (Cheap) 构成了不可能三角。TechUI 坦诚地面对这一法则，并通过分层架构为您提供两种选择路径：

1. 时间换取成本 (The Path of Craftsmanship)
   • 通过组合使用免费的 Base (基础)、Scifi (视觉) 和 Admin (业务) 库，您可以零成本构建高质量系统，但需要投入时间处理胶水逻辑。
2. 预算换取效率 (The Path of Efficiency)
   • 通过订阅 Prime (旗舰版)，您将获得封装完毕的完整业务闭环和独占的高级引擎，直接购买“时间”。

无论选择哪条路径，TechUI 对“高质量”的追求永不妥协。

生态架构

TechUI 并非单体巨石，而是由多个职能明确的独立 NPM 包组成的精细生态：

层级	包名	定位	关键词
旗舰层	@techui/prime	全能统帅	付费、Wasm 引擎、3D、开箱即用
业务层	@techui/admin	业务骨架	免费、工作台、鉴权、路由框架
视觉层	@techui/scifi	视觉皮肤	免费、动态 SVG、FUI、数据大屏
基础层	@techui/base	底层基石	免费、原子组件、表单、自适应

此外，还有强大的基础设施支撑着上述组件：

• @techui/utils: 包含 TuiAdaptive 自适应核心与各类底层工具。
• @techui/libs: 经过深度定制与版本锁定的第三方依赖集（依赖治理）。

技术栈

TechUI 站在巨人的肩膀上，采用最前沿的技术构建：

• Framework: Vue 3 + Vite
• Core Engine: Rust + WebAssembly (用于高密度计算与安全验证)
• Styling: Less + CSS Variables (动态主题系统)
• Visualization: SVG (动态矢量)

独特的研发模式

TechUI 是 "独立开发者 + AI" 深度协作的产物。

截止到 2026 年 1 月，项目的所有架构设计与代码实现均由作者 aYin 独立主导，并由 AI (Claude & Gemini) 深度参与开发。

• Claude: 协助完成了约 60% 的复杂组件逻辑与类型定义。
• Gemini: 负责了绝大部分的技术文档构建、代码审查与多语言翻译。

这种模式确保了 TechUI 既拥有人类的审美与创造力，又具备 AI 加持下的高代码质量与详尽文档。