简体中文 | English

This page was translated by Google

Documentation • Demo Site • Core Lib • TechUI • TechUI-Lite • Telgram • Youtube

I am planning to quit my job and if anyone can offer a long term remote job, please contact me. All my skills and frameworks are free to use if a partnership is reached.

The contents of this repository are all source code, except for TechUI-Toolkit (hereinafter referred to as TUI-TK), the use of TUI-TK requires authorization.（Obtaining the authorization is completely free）

The main functions of TUI-TK in this repository are as follows:

• Use adaptivePanel to adapt the page
• Use PanelGyro to 3D part of the Dom
• Use EchartsInit to initialize the chart

If you don't need the above features, you can strip TUI-TK in the current project and use only the source code part. Except for TUI-TK, the rest of the code can be used for free commercial use.

This tool library is only for the technical realization of the simple version of the license, not for profit. So you can get a free commercial license in the following way.

Just click "Star" in my following project repository, And you can get permanent licenses for companies or individuals, which can be used for commercial use.

• techui-vue2
• techui-vue3-lite
• techui-toolkit (current)
• ayin-color
• ayin-lessmixins

Please send the information below to [email protected] to get a free license.

• Screenshot of stars after lighting up
• Your github account name
• Company name or personal name
• The contact info in the license, such as email

For a preview of the current toolkit, please check 📱toolkit.techui.net on your mobile.

For the video introduction of the current tool library, please check my Youtube Channel, in Mandarin with Chinese and English subtitles.

For the technical implementation of the pure front-end license, please refer to Pure Frontend License Playlist in Mandarin with Chinese and English subtitles.

panelGyro

For the 3D panel on the mobile terminal, use the gyroscope of the mobile terminal device to realize the 3D interaction of Dom elements.

adaptivePanel

Adaptive components, without writing complex responsive CSS code, can achieve perfect adaptation between devices with different resolutions.

panel3D

For the 3D panel on the PC side, use the cursor to interact, and any Dom element can be converted into a 3D view element.

This repository has a built-in 1-year limited license, which is used for testing and experience, and cannot be used for commercial authorization. Please follow the instructions above to obtain a license for free.

There are two types of licenses:

• Term License
  • Valid for a limited time
• Permanent License
  • Once issued, it is valid for life

When generating a license, the authorization scope is specified, such as China or worldwide or designated company (global scope means no restrictions).

If the license expires, or if there is no license, TUI-TK can also run normally. Every time you enter the page, a temporary key will be generated with a validity period of 10 minutes. After the expiration, some components cannot be used normally. At this time, you only need to close the current window and open it again, or clear the sessionStroage and refresh current page.

Notice! Do not leak license keys on the Internet, otherwise the leaked key will be added to the blacklist in the next TUI-TK release.

• Adaptive Panel

  • Adaptive processing can be performed on any device, no need to write cumbersome responsive layouts, and handle multiple span resolutions, no matter mobile or PC, or even enterprise splicing screens, this component can be used for perfect adaptation.

• 3D panel

  • A component that can make any dom element 3D, used on the PC side, interact with the cursor.

• Gyroscope Panel (Mobile Gyro Interaction)

  • A component that can make any dom element 3D, used on the mobile terminal, and interact with the built-in gyroscope on the mobile terminal.

• EchartsInit

  • Echarts secondary packaging components can directly use the chart components in techui-vue3

• DigitalTransform

  • 3rd party components

• Built-in methods, state components, EventBus, etc.

• 20230804 released TechUI-Toolkit development kit and demo website, documentation is being compiled

1. cnpm i installs dependencies, it is recommended to use cnpm
2. npm run dev starts the project and you can preview it

For the introduction and usage of the development kit, please refer to Documentation

1. nodejs 16-18 is well supported, other versions have not been tested
2. All mainstream browsers except IE are well supported, including mobile browsers.

If you encounter any problems, please submit issues on github。

Or add TechUI discord to the discussion group.

Or add TechUI Telgram to the discussion group.

For paid services, such as custom development, technical support, or purchasing a premium license, please contact me via the following contact information

WhatsApp scan the QR code below.

Or contact me via Telegram @ayin86cn

You can also contact me via email [email protected] I will check my email every 1-3 days

The author himself, a UI designer turned front-end developer, has been in the field for 15 years and can take on the responsibilities of product manager, UI designer and front-end developer in a project or product development.

Therefore, it can be said to be the best and cost-effective partner for a start-up company, welcome to discuss cooperation. I hope to find a stable and long-term remote job. Preferably a remote job in Canada, hope to have the opportunity to go to this country.

• UI design
• Planning and design of products and projects
• Visualization project development
• GEO project development (echarts+geojson+online map)
• Rust development of WASM modules
• Any type of business system
• APP development
• Documentation compilation
• Front-end security, encryption and decryption