Selection Advice

Efficiency vs. Cost

In the architectural design of TechUI, we follow a strict "Component Mutual Exclusion Principle".

To avoid dependency conflicts and code redundancy, the four core libraries—Prime, Admin, Base, and Scifi—cannot be mixed and installed in the same project. There is a tight hierarchical inclusion relationship between them. You should choose only one library as the entry point for your project based on the highest requirement level of the project.

Inclusion Relationship Graph

Before making a choice, please understand the capability boundaries of each component library:

• @techui/base: Basic Atoms
• @techui/scifi: Visual Atoms
• @techui/admin: Base + Business Framework (Router/Login/Layout)
• @techui/prime: Base + Scifi + Admin + Advanced Privileges

Here are four selection paths

Please choose one and only one of the following paths according to the final form of your project:

Prime All-rounder

"I want it all: both the logic of the business backend and the visuals of the sci-fi large screen."

@techui/prime is the superset of the TechUI ecosystem. It integrates Base's atomic components, Scifi's visual engine, and Admin's management system framework at the bottom layer.

• Includes: Base + Scifi + Admin + Wasm Core
• Applicable Scenarios:
  • Hybrid Systems: A system that has both CRUD backend management and 3D visualization screens.
  • Commercial Delivery: Requires extreme development speed and does not wish to manually stitch together various modules.

Business Middle Platform

"I only need to develop an enterprise-level backend and don't need those fancy sci-fi effects."

@techui/admin is a solution focused on B-side Business. Built on top of Base, it adds the complete framework capabilities required for a "Workbench" (dynamic routing, permission verification, login page, TagView).

• Includes: Base + Business Framework
• Excludes: Scifi sci-fi components, Wasm 3D engine.
• Applicable Scenarios: Enterprise ERP, CRM, CMS content management systems.
• Exclusion Warning: Admin already integrates Base; do not install Base separately. Admin cannot directly use Scifi components.

Pure Visual

"I only need to draw a static sci-fi large screen and don't need backend logic."

@techui/scifi is a pure SVG Visual Construction Library. It focuses on providing FUI (Future UI) decoration components and containers with cinematic texture.

• Includes: Scifi visual components.
• Applicable Scenarios: Pure display-type large screens, event landing pages, static data dashboards.
• Note: This path is usually used for scenarios with extremely low requirements for interaction logic.

Basic Atomic

"I have my own framework and only need the most basic UI controls."

@techui/base is the lowest-level Atomic Component Library. Similar to Element Plus or Ant Design, it only provides basic controls like Input, Button, Select, etc., and does not contain any business logic or special visual styles.

• Includes: Base basic components.
• Applicable Scenarios:
• You already have a mature Admin framework (such as vue-element-admin) and just want to replace the UI style.
• Building lightweight tool pages.
• Secondary development, encapsulating your own component library.

Decision Comparison Table

Feature	💎 Prime	🏢 Admin	🌌 Scifi	🧱 Base
Role	Commander (Superset)	Skeleton (Business)	Skin (Visual)	Cell (Basic)
Basic Components	✅ Included	✅ Included	❌ None	✅ Self
Workbench Frame	✅ Included	✅ Self	❌ None	❌ None
Sci-Fi Visuals	✅ Included	❌ None	✅ Self	❌ None
Payment Status	💰 Paid	🆓 Free	🆓 Free	🆓 Free
Installation Method	npm i @techui/prime	npm i @techui/admin	npm i @techui/scifi	npm i @techui/base

🚫 Common Mistake Demonstrations

To ensure project stability, please avoid the following incorrect combination methods:

• ❌ npm i @techui/prime @techui/admin

  Reason for Error: Prime already contains Admin; repeated installation will lead to conflicts in routing and state management.

• ❌ npm i @techui/admin @techui/base

  Reason for Error: Admin has built-in Base; repeated installation will lead to version redundancy.

• ❌ npm i @techui/admin @techui/scifi

  Reason for Error: Cross-library mixing. If you need both Admin's framework and Scifi's visuals, it means your requirements have upgraded to the flagship level; please choose Prime directly.