TechUI-Vue2

Historical Version, Deprecated

TechUI-Vue2 is the origin of the TechUI ecosystem and the predecessor to all current V3 component libraries.

Born between 2019 and 2023, it was a paid commercial-grade development kit built on Vue 2 and Webpack. Although it faced setbacks in commercial promotion, it established TechUI's core "Sci-Fi Visual" style and "Full-End Adaptation" technical route.

Development Kit Mode

Unlike the current standardized NPM installation method, TechUI-Vue2 adopted an "Integrated Development Kit" mode.

• All-in-One Bundling: The development kit forcibly integrated i18n (multi-language), aYinColor (color scheme system), the Less preprocessor, and a specific directory structure.
• Multi-Version Distribution: To meet different needs, four independent offline packages were provided at the time:
• package-i18n: Built-in Simplified Chinese, Traditional Chinese, and English.
• package-english: Pure English version.
• package-simple-chinese: Simplified Chinese version.
• package-traditional-chinese: Traditional Chinese version.

Although this mode was ready-to-use out of the box (with rich Demos), it also brought a heavy cognitive burden and configuration difficulty, making it hard to integrate into existing mature projects.

Core Legacy

Despite being an early version, TechUI-Vue2 implemented some forward-looking technical features that were perfectly inherited by the later TechUI 3.0:

1. SVG Vectorization (De-bitmapization)
   • This is the cornerstone of the TechUI visual style. Since large visualization screens often need to scale across different resolutions, TechUI-Vue2 abandoned traditional bitmaps and fully adopted SVG vector drawing, ensuring detail clarity even on 4K or 8K video walls.
2. Full Adaptation
   • It implemented an industry-leading adaptation solution at the time, where a single codebase could perfectly adapt to PCs, mobile phones, tablets, and enterprise-grade 4x2 video walls.
3. Wasm Core (Early Wasm)
   • Starting from Vue2 version v3.0, the project introduced WebAssembly modules to handle high-density SVG dynamic node calculations and license logic, laying the foundation for the later Prime engine.
4. Smart Coloring
   • It featured a built-in smart coloring tool for charts, solving the pain point in big screen development where "chart colors do not match the background".

Component Migration

This is the most significant transformation in the history of TechUI development.

In order to give back to the community and correct early pricing errors, we dismantled and reorganized the core assets of TechUI-Vue2:

Visual Components Fully Free

TechUI-Vue2's proud all SVG borders, decoration components and fully functional Adaptive Component have now been fully migrated to the @techui/scifi component library.

• Change: From paid to permanently free.
• Positioning: TechUI-Vue2 was a complete application framework containing data processing and charts; whereas @techui/scifi focuses on being a pure UI Solution.
• Reduction: To maintain the purity of the library, the migrated Scifi library removed the original business chart components (such as ECharts wrappers), retaining only visual and layout capabilities to make it easier to integrate with any business code.

License Removal

The "temporary license restrictions" (such as inability to debug, inability to build, time limits) that were criticized in early versions have been completely removed in the migrated new component library.

Status Description

• Maintenance Status: End of Life (EOL).
• Recommended Action: We recommend all legacy users migrate to the @TechUI/Scifi or @TechUI/Prime ecosystem.
• If you need the original Sci-Fi borders -> Please use @techui/scifi.
• If you need backend management functions -> Please use @techui/admin.
• If you need Sci-Fi style UI + Data presentation -> Please upgrade to @techui/prime.

Tribute

Although TechUI-Vue2 was an imperfect commercial attempt, the classic demo cases it left behind, such as Dashboard A/B/C/D/E, remain excellent templates for data visualization design today.