TechUI Overview
Welcome to the world of TechUI.
TechUI is a high-performance frontend solution specifically designed for high-density data visualization and futuristic user interfaces. Moving away from traditional flat designs, it utilizes complex geometric calculations and dynamic rendering to bring sci-fi movie-level visual impacts to the browser.
Unlike conventional UI libraries, TechUI incorporates a Rust WebAssembly (Wasm) core engine to achieve pure frontend commercial licensing protection and native-level rendering performance.
Product Matrix
To meet different development needs, TechUI is divided into four distinct component libraries. Please choose according to your business scenario:
| Component Library | Cost | Positioning | Core Scenarios |
|---|---|---|---|
| 🚀 TechUI Scifi | Free | Sci-fi Visuals | Pure visual impact; provides dynamic SVG borders, 3D projection effects, and cyberpunk decorations. Ideal for large-screen backgrounds and decorative layers. |
| 📊 TechUI Base | Free | Data Foundation | Professional charts and data presentation; provides high-performance 2D/3D charts, dashboards, and information cards. Ideal for data analysis boards. |
| 🎛️ TechUI Admin | Free | Business Mid-end | Minimalist and efficient B-end components; provides forms, tables, layout containers, and interaction feedback. Ideal for backend management systems. |
| 💎 TechUI Prime | Paid | Prime All-rounder | The ultimate solution; deeply integrates all capabilities of the three libraries above. Ideal for top-tier enterprise projects. |
💡 Exclusion Principle
TechUI follows a single-core architecture; you cannot mix and install multiple libraries (e.g., Scifi + Base) in the same project. If you need comprehensive capabilities, Prime is the only choice.
Core Engine
At the heart of TechUI is a microkernel written in Rust and compiled into WebAssembly. It handles three core responsibilities:
- Hybrid Rendering Engine: The Wasm core calculates geometric paths in real-time to ensure sci-fi borders remain mathematically sharp and smooth at any resolution, achieving effects traditional CSS cannot.
- Asset Vault: Core SVG assets, texture mappings, and algorithmic logic are compiled into binary files. This ensures millisecond-level resource loading while physically preventing art assets from being easily extracted or stolen.
- Security Guard: Implements a pure frontend offline authorization system. The Wasm guard runs within a local sandbox to monitor environment integrity, anti-tamper signatures, and license validity without relying on a backend server.
Authorization Comparison
TechUI offers flexible authorization modes to suit everyone from individual developers to large Independent Software Vendors (ISVs).
| Feature | 🆓 Free License | 🛠️ Dev License | 🏗️ Project License | 🏢 Company License | 💼 Commercial License |
|---|---|---|---|---|---|
| Target Audience | Individuals / Trials | R&D Teams | Single outsourced projects | Internal multi-projects | Software Vendors (ISVs) |
| Validity | Permanent | Has expiration date | Permanent | Permanent | Permanent |
| Project Limits | Unlimited | Dev & Test only | Locked to project name | Unlimited (Internal use only) | Unlimited (Distributable sub-licenses) |
- Free License: For learning and non-profit projects; requires copyright identifiers and does not include advanced components.
- Dev License: Includes full functionality but has a mandatory expiration time; used for evaluation and development phases.
- Company License: An unlimited license for end-users to use freely within their company.
- Commercial License: Based on the Company License, this allows for issuing sub-licenses to customers.
Why Choose TechUI
- Ultimate Performance: Separates the Wasm-based calculation layer from the Vue3 response layer.
- Offline Availability: Designed for high-security intranet environments (e.g., military, government, energy) where authentication and rendering must be completed without an internet connection.
- Out-of-the-Box: Rejects cumbersome configurations and on-demand imports in favor of a "comprehensive" toolbox, allowing developers to focus on business logic.