- TechUI Admin is a modern, easy-to-use dashboard component library built on Vue 3. It provides a complete out-of-the-box solution for developing dashboards and admin panels.
- The Starter directory contains a minimal starter project for the TechUI-Admin project, with only a few simple demos of each component.
- The Testcase directory contains test cases for the TechUI-Admin project, including demos of most of the components.
- Currently, there is no documentation for the TechUI-Admin component library; it is under active development.
- 🚀 Dynamic Routing - Automatically generated routes based on configuration
- 📱 Dynamic Menu - Smart navigation menu system
- 🔐 Built-in Login Page - Ready-to-use authentication interface
- 📂 Collapsible Sidebar - Flexible sidebar navigation with collapse functionality
- 🏷️ Route-based Tabs - Automatic tab management based on visited routes
- 🎨 Theme Switching - Multiple theme support with easy toggling
- 🌍 i18n Support - Built-in internationalization
- 🔔 Audio Alerts - Notification sound system
- 🎯 Common Icons - Pre-integrated icon library
- 💾 TechUI State Management - Efficient state management solution
- 🛠️ Workbench Utilities - Rich set of built-in helper methods
- @techui/base - Base component library providing fundamental UI components
Note: @techui/base is currently growing and cannot fully replace comprehensive libraries like ElementPlus. The component count is being gradually increased.
The library includes TuiAdaptive, an incredibly powerful adaptive component that solves responsive design challenges once and for all using proportional scaling.
Key Features:
- Multiple adaptation modes for different scenarios
- Drag Mode - Activate via browser zoom functionality
- Coordinate Sync Container - Special solution for third-party map/GIS components (Cesium, etc.)
- Prevents coordinate inaccuracy issues when GIS components are placed inside scaled containers
- Uses a synchronized pass-through container to maintain accurate click coordinates
Proudly the best adaptive/responsive component available on the market today!
- @techui/prime: Closed-source Paid
- @techui/admin: Closed-source Free
- @techui/base: Closed-source Free
- @techui/scifi: Closed-source Free
This library depends on the following TechUI ecosystem packages:
@techui/colors- Color system@techui/lessmixins- LESS mixins@techui/locales- Internationalization@techui/themes- Theme system@techui/libs- Utility libraries@techui/utils- Utility functions
- aYin
- Email: ayin86cn@gmail.com
- WeChat: jay1986cn
UNLICENSED
- TechUI Admin 是一个基于 Vue 3 开发的现代化、易用的工作台组件库。它为开发 Dashboard 和管理面板提供了完整的开箱即用解决方案。
- Starter目录是一个TechUI-Admin工程的最小启动工程,内部仅仅有数个组件的简单Demo。
- Testcase目录是TechUI-Admin工程的测试用例,内部有绝大多数的组件的演示Demo。
- 目前TechUI-Admin组件库的文档暂无,正在积极的开发中。
- 🚀 动态路由 - 基于配置自动生成路由
- 📱 动态菜单 - 智能导航菜单系统
- 🔐 内置登录页 - 开箱即用的身份验证界面
- 📂 可折叠侧边栏 - 灵活的侧边导航,支持折叠功能
- 🏷️ 路由标签页 - 根据访问路由自动管理标签页
- 🎨 主题切换 - 多主题支持,轻松切换
- 🌍 国际化支持 - 内置 i18n 多语言方案
- 🔔 音频提醒 - 通知音效系统
- 🎯 常用图标 - 预集成图标库
- 💾 TechUI 状态管理 - 高效的状态管理解决方案
- 🛠️ 工作台工具 - 丰富的内置辅助方法
- @techui/base - 基础组件库,提供底层 UI 组件支撑
注意: @techui/base 目前仍在发展中,暂时无法完全替代 ElementPlus 等成熟组件库。组件数量将逐步增加。
库中包含功能强大的 TuiAdaptive 适配组件,采用等比缩放方式,让开发者一劳永逸地解决自适应问题。
核心功能:
- 多种适配模式,适应不同场景
- 拖拽模式 - 可通过浏览器缩放功能激活
- 同步穿透容器 - 专为第三方地图/GIS组件设计(Cesium等)
- 解决 GIS 组件放置在缩放容器内部时点击坐标不准确的问题
- 通过同步穿透容器保持准确的点击坐标
可以自豪地说,它是现在市面上最好用的自适应/适配组件!
- @techui/prime: 闭源 付费
- @techui/admin: 闭源 免费
- @techui/base: 闭源 免费
- @techui/scifi: 闭源 免费
该库依赖以下 TechUI 生态系统包:
@techui/colors- 色彩系统@techui/lessmixins- LESS 混入@techui/locales- 国际化@techui/themes- 主题系统@techui/libs- 工具库@techui/utils- 工具函数
- aYin
- 邮箱: ayin86cn@gmail.com
- 微信: jay1986cn
UNLICENSED
@techui techui TechUI ayin @techui/prime @techui/admin @techui/base @techui/scifi TechUI Prime TechUI Admin TechUI Base TechUI Scifi techui-prime techui-admin techui-base techui-scifi Dashboard Workbench Admin Panel Workspace Portal