@techui/scifi
Version:
TechUI Scifi is a sci-fi SVG component library developed based on Vue3. It uses dynamically calculated SVG elements to generate a variety of cool, futuristic, and technological components.
112 lines (70 loc) • 3.88 kB
Markdown
# @techui/scifi
[English](#english) | [中文](#中文)
---
## English
## 🚀 TechUI Scifi - Dynamic SVG Sci-Fi Component Library
A free, dynamic SVG UI component library for creating futuristic and sci-fi style interfaces, built with Vue 3.
### ✨ Features
- **🎨 Dynamic SVG Components** - All components are drawn using dynamically calculated SVG elements for stunning visual effects
- **🆓 Free & Open** - Evolved from the paid techui-vue2 library, now completely free to use
- **🌍 Built-in i18n** - Multi-language support synchronized across all components
- **🎭 Theme System** - Built-in theme functionality with seamless switching capabilities
- **📱 Best-in-Class Adaptive Component** - The most powerful responsive solution on the market
### 📦 Components
- **scifiButton** - Futuristic interactive buttons
- **scifiDeco** - Decorative sci-fi elements
- **scifiGeome** - Geometric sci-fi shapes
- **scifiHeader** - Sci-fi style headers
- **scifiPanel** - Panel containers with sci-fi aesthetics
- **scifiPanelTitle** - Stylized panel titles
### 🎯 TuiAdaptive - Revolutionary Responsive Component
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!**
### 📚 Documentation
Visit [https://techui.net](https://techui.net) for full documentation and examples.
### 📄 License
UNLICENSED
### 👨💻 Author
**aYin**
- Email: <ayin86cn@gmail.com>
- WeChat: jay1986cn
---
## 中文
## 🚀 TechUI Scifi - 动态 SVG 科幻组件库
一个免费的、动态的 SVG UI 组件库,用于绘制科幻、未来风格的UI界面，基于 Vue 3 开发。
### ✨ 特性
- **🎨 动态 SVG 组件** - 所有组件均使用动态计算的 SVG 元素绘制，呈现炫酷视觉效果
- **🆓 完全免费** - 由付费组件库 techui-vue2 迭代而来，现已转为免费开放
- **🌍 内置多语言** - 多语言功能贯穿所有组件，支持同步切换
- **🎭 主题系统** - 内置主题功能，可在所有组件间无缝切换
- **📱 最强自适应组件** - 市面上最好用的响应式解决方案
### 📦 组件列表
- **scifiButton** - 未来感交互按钮
- **scifiDeco** - 科幻装饰元素
- **scifiGeome** - 几何科幻图形
- **scifiHeader** - 科幻风格头部
- **scifiPanel** - 科幻面板容器
- **scifiPanelTitle** - 科幻面板标题
### 🎯 TuiAdaptive - 革命性的自适应组件
库中包含功能强大的 **TuiAdaptive** 适配组件，采用等比缩放方式，让开发者一劳永逸地解决自适应问题。
**核心功能:**
- 多种适配模式，适应不同场景
- **拖拽模式** - 可通过浏览器缩放功能激活
- **同步穿透容器** - 专为第三方地图/GIS组件设计（Cesium等）
- 解决 GIS 组件放置在缩放容器内部时点击坐标不准确的问题
- 通过同步穿透容器保持准确的点击坐标
> **可以自豪地说，它是现在市面上最好用的自适应/适配组件！**
### 📚 文档
访问 [https://techui.net](https://techui.net) 查看完整文档和示例。
### 📄 许可证
UNLICENSED
### 👨💻 作者
**aYin**
- 邮箱：<ayin86cn@gmail.com>
- 微信：jay1986cn