TechUI-Toolkit

Historical Version, Deprecated

TechUI-Toolkit (TUI-TK) is a key transitional version in the history of TechUI, serving as a link between the past and the future.

Born in the second half of 2023, it was positioned as a "de-styled" basic utility library. The original intention of its development was to satisfy mobile or foundational projects that did not need sci-fi SVG decorations but urgently needed TechUI's powerful adaptive capabilities.

It is the direct predecessor of the current @techui/base component library.

Pragmatism First

Unlike the "large and comprehensive" TechUI-Vue2 and the "display-oriented" TechUI-Lite, Toolkit focused on solving specific technical pain points:

1. Mobile First: Designed with mobile interaction experiences in mind from the start (e.g., gyroscope control).
2. Style Decoupling: Allowed developers to develop ordinary projects using only TechUI's core logic (such as adaptivity, 3D simulation) without introducing heavy SVG resources.
3. Development Efficiency: Aimed to allow developers to achieve multi-terminal adaptation "without writing tedious responsive CSS code."

Core Features

Although it was a transitional version, Toolkit contributed several core component prototypes that are still in use today:

Comprehensive Adaptivity (AdaptivePanel)

This was the core asset of Toolkit. It featured a built-in full version of the adaptive component capable of handling resolutions spanning a huge range, perfectly adapting to mobile devices, PCs, or enterprise video walls.

• Note: This evolved into TuiAdaptive in the later @techui/base.

Pan-3D Capabilities (The 3D Wrapper)

Toolkit explored a lightweight "everything can be 3D" solution, capable of simulating 3D deformation effects for any ordinary DOM component:

• Panel3D (PC): Achieved 3D interaction by calculating perspective based on cursor position.
• PanelGyro (Mobile): Utilized the phone's gyroscope sensor to achieve 3D parallax effects that follow device tilt.

WASM License Prototype

Toolkit revamped the complex WASM module of TechUI-Vue2 and developed a simplified frontend license verification mechanism.

• Mechanism: If the license was expired or missing, the system could still run but would generate a temporary Key valid for only 10 minutes. Component functions would be restricted after expiration.
• Significance: After validation, this simplified logic evolved into the general "Simple License" feature in the current TechUI 3.0.

Unique "Free" Model

At the time, TechUI-Toolkit adopted an interesting "Star for Authorization" model:

• Closed Source but Free: Most components were free for commercial use, but the core TUI-TK module required authorization.
• Free Access: Developers only needed to star specified projects (such as techui-vue2, ayin-color, etc.) on GitHub and send a screenshot to the author to obtain a 1-year or even permanent free commercial license.
• Original Intention: The author explicitly stated that "this toolkit is not for profit" and was only used to verify the technical implementation of the simple license.

Transformation

TechUI-Toolkit has stopped independent maintenance.

Its destiny was not an end, but an elevation. With the continuous expansion of functions, Toolkit gradually absorbed more basic UI components (such as buttons, inputs, etc.) and finally evolved into the current @techui/base component library.

• AdaptivePanel -> Upgraded to TuiAdaptive
• Panel3D -> Upgraded to Tui3DPanel
• Core Logic -> Integrated into @techui/utils

Historical Significance

TechUI-Toolkit proved that the core value of TechUI lies not only in the "sci-fi skin" but also in the "robust foundation." It provided practical basis for the later layered architecture (Base + Scifi).