<h2>Overview</h2>
<p>Omi is a versatile framework that allows developers to create cross-platform web applications with ease. It offers a wide range of features that make development efficient and enjoyable. With its tiny size and high performance, Omi is an excellent choice for both mobile and desktop applications. It combines the advantages of Facebook React and Web Components, giving developers the freedom to choose their preferred approach. Omi also supports Scoped CSS with its use of Shadow DOM, providing a clean and effective solution for styling. Whether you're building a simple webpage or a complex application, Omi has the tools you need to get the job done.</p>
<h2>Features</h2>
<ul>
<li><strong>Cross frameworks</strong>: Components of Omi are pure custom elements, making them compatible with different frameworks.</li>
<li><strong>Tiny size and High performance</strong>: Omi is lightweight and offers excellent performance for smooth application development.</li>
<li><strong>One framework</strong>: Omi allows developers to create applications for mobile, desktop, and mini programs.</li>
<li><strong>Compliance with browser trend and API design</strong>: Omi is designed to align with the current browser trends and API design principles.</li>
<li><strong>Merge Web Components, JSX/TSX into one framework</strong>: Omi combines the power of Web Components with the development experience of JSX/TSX.</li>
<li><strong>JSX/TSX development experience</strong>: Omi offers intelligent code completion and tips for a seamless development experience.</li>
<li><strong>UI Expression with least grammatical noise</strong>: Omi provides a clean and intuitive syntax for UI expression, minimizing grammatical noise.</li>
<li><strong>Shadow DOM and Virtual DOM</strong>: Omi uses both the Virtual DOM and real Shadow DOM to ensure accurate and efficient view updates.</li>
</ul>
<h2>Summary</h2>
<p>Omi is a powerful framework for building cross-platform web applications. With its compatibility with different frameworks, tiny size, and high performance, Omi offers a robust solution for developers. It combines the best features of Web Components and JSX/TSX to provide a seamless development experience. Omi's use of Shadow DOM and Virtual DOM ensures accurate and efficient view updates. Whether you're creating a simple webpage or a complex application, Omi has the tools you need to succeed.</p>


<h2>Overview:</h2>
<p>QMUI Android is a framework designed to assist developers in quickly building Android projects with a basic design and rich components. It aims to improve development efficiency and project quality by providing a range of UI configurations, UI components, and efficient utility methods. QMUI Android supports API Level 21+.</p>
<h2>Features:</h2>
<ul>
<li><strong>Global UI Configuration</strong>: Allows developers to adjust the global style of the app, including component colors, navigation bars, dialogs, and lists, by modifying a single configuration file. Changes made in one place will be applied globally.</li>
<li><strong>Rich UI Components</strong>: Provides a variety of commonly used UI components such as BottomSheet, Tab, rounded corner ImageView, and pull-to-refresh. These components are easy to use and customizable.</li>
<li><strong>Efficient Utility Methods</strong>: Offers efficient utility methods for device information, screen information, keyboard management, and status bar management. These methods can solve common scenarios and greatly improve development efficiency.</li>
</ul>
<h2>Summary:</h2>
<p>QMUI Android is a framework that aims to simplify Android development by providing a range of UI configurations, rich UI components, and efficient utility methods. By using QMUI Android, developers can improve their development efficiency and the quality of their projects. The framework supports Android devices with API Level 21 and higher.</p>


<h2>Overview</h2>
<p>QMUI iOS is a framework developed by Tencent that provides a set of features and functionalities to improve the development process of iOS applications. It offers a global UI configuration that allows developers to adjust the app's global style by modifying a single configuration file. The framework also provides extensions for UIKit components, a rich collection of UI controls, efficient utility methods, and support for different iOS versions.</p>
<h2>Features</h2>
<ul>
<li><strong>Global UI Configuration</strong>: Modify a single configuration table to adjust the app's global style, including colors, navigation bars, input fields, and lists. Changes made in one place will be applied globally.</li>
<li><strong>Extensions for UIKit Components</strong>: QMUI iOS offers extensions for multiple UIKit components, providing a richer set of features and functionalities to enhance development efficiency and solve common compatibility issues across different iOS versions.</li>
<li><strong>Rich UI Controls</strong>: The framework provides a wide range of frequently used UI controls that are easy to use and customizable.</li>
<li><strong>Efficient Utility Methods and Macros</strong>: QMUI iOS offers efficient utility methods for various common scenarios, such as device information, dynamic fonts, keyboard management, and status bar management. These methods greatly improve development efficiency.</li>
<li><strong>Supported iOS Versions</strong>: QMUI iOS supports iOS versions 4.6.1 and above for iOS 13+, 4.4.0 and above for iOS 11+, 4.2.0 and above for iOS 10+, 3.0.0 and above for iOS 9+, and 2.0.0 and above for iOS 8+.</li>
</ul>
<h2>Summary</h2>
<p>QMUI iOS is a powerful framework developed by Tencent that simplifies the UI configuration and provides a rich set of UI controls and utility methods. It improves development efficiency and offers compatibility across different iOS versions. The installation process is straightforward, and the framework supports AutoLayout, xib, storyboard, and Swift. However, multiple window support is currently not available for UIScene. With QMUI iOS, developers can create stylish and feature-rich iOS applications with ease.</p>


<h2>Overview</h2>
<p>TDesign Mobile React is an impressive UI component library tailored specifically for mobile web applications using React 18.x. With a focus on high-quality interface elements, it greatly enhances the development process, making it easier to create visually appealing and interactive mobile applications. This library not only ensures a consistent aesthetic across various frameworks but also embraces modern functionalities like dark mode and customizable themes.</p>
<p>As developers strive for efficiency and seamless user experiences, TDesign Mobile React stands out by offering versatile components that integrate well with both desktop and mobile environments. Its tree-shaking support further enhances performance, ensuring that only the necessary code is included in the final application.</p>
<h2>Features</h2>
<ul>
<li><strong>High-Quality UI Components</strong>: Provides a comprehensive set of premium UI components specifically designed for mobile web applications using React 18.x.</li>
<li><strong>Consistent API</strong>: Ensures a uniform experience across different TDesign component libraries, making it easier for developers to switch between frameworks.</li>
<li><strong>Dark Mode Support</strong>: Offers built-in dark mode capabilities, allowing for a more user-friendly experience in low light conditions.</li>
<li><strong>Customizable Themes</strong>: Allows developers to tailor the appearance of components to fit their branding or design requirements.</li>
<li><strong>Tree-Shaking Support</strong>: Enhances application performance by automatically removing unused code, leading to lighter builds.</li>
<li><strong>Cross-Browser Compatibility</strong>: Supports various browsers including IE11, Edge, Firefox, Chrome, and Safari for widespread accessibility.</li>
<li><strong>Community Contribution</strong>: Encourages collaboration with a welcoming environment for developers to contribute to the library's growth and improvement.</li>
</ul>


<h2>Overview:</h2>
<p>TDesign is a component library designed for mobile devices, specifically tailored for use in Vue 3 projects. It offers compatibility with Vue3 and leverages Vite 2.x for development and building. The library focuses on adhering to frontend component language specifications and maintaining consistency with APIs and UI of other frameworks like React Mobile and Mini Programs.</p>
<h2>Features:</h2>
<ul>
<li><strong>Mobile-Friendly Components:</strong> Designed for mobile devices to enhance user experience.</li>
<li><strong>Vue 3 Compatibility:</strong> Built to seamlessly integrate with Vue 3 technology stack.</li>
<li><strong>Vite 2.x Support:</strong> Development and building infrastructure powered by Vite 2.x.</li>
<li><strong>Consistent UI across Frameworks:</strong> Ensures consistency with APIs and UI of React Mobile and Mini Programs.</li>
<li><strong>On-Demand Loading:</strong> Supports on-demand loading, making it efficient for project setup.</li>
<li><strong>Tree-Shaking Integration:</strong> Compatible with build tools like Webpack or Rollup for optimizing bundle size.</li>
</ul>
<h2>Summary:</h2>
<p>TDesign is a mobile-first component library tailored for Vue 3 projects, offering compatibility with modern frontend technologies and emphasizing a consistent user experience across various frameworks. With features like on-demand loading, tree-shaking support, and Vue 3 integration, TDesign simplifies the process of building mobile-responsive applications.</p>


<h2>Overview</h2>
<p>The TDesign React Starter is a project developed with React and Vite, based on the TDesign theme. It offers a customizable theme configuration and aims to provide a ready-to-use project setup for middle and background projects.</p>
<h2>Features</h2>
<ul>
<li>Various provided pages for development</li>
<li>Complete directory structure for development</li>
<li>Code specification configuration</li>
<li>Support for dark mode</li>
<li>Custom theme colors</li>
<li>Various space layouts</li>
<li>Mock data scheme</li>
</ul>
<h2>Summary</h2>
<p>The TDesign React Starter is a convenient solution for developers looking to start their projects with a pre-configured setup based on React and the TDesign theme. With its various features and customizable options, it offers a streamlined development experience. Contributions to the project are welcome, and it is licensed under the MIT License.</p>


<h1>Product Analysis: TDesign Vue Next Starter</h1>
<h2>Overview</h2>
<p>TDesign Vue Next Starter is a development theme based on TDesign, built with Vue 3, Vite, Pinia, and TypeScript. It offers customization options for theme configuration and aims to provide an out-of-the-box solution for middle and background projects.</p>
<h2>Features</h2>
<ul>
<li>Various pre-built pages for development</li>
<li>Complete directory structure for ease of development</li>
<li>Code specification configuration</li>
<li>Support for dark mode</li>
<li>Customizable theme colors</li>
<li>Multiple space layouts</li>
<li>Mock data scheme</li>
</ul>
<h2>Summary</h2>
<p>TDesign Vue Next Starter is a powerful development theme that incorporates TDesign, Vue 3, Vite, Pinia, and TypeScript. It offers a range of features including pre-built pages, code specification configuration, and support for dark mode. With its customizable theme colors and space layouts, it provides a flexible solution for middle and background projects. The project welcomes contributions from the community and is released under the MIT License.</p>


<h2>Overview:</h2>
<p>TDesign Vue Next is a UI component library optimized for Vue 3 and desktop applications. It offers high-quality UI components, a consistent API and UI with TDesign component libraries for other frameworks, dark mode and customizable themes, and support for tree-shaking.</p>
<h2>Features:</h2>
<ul>
<li><strong>Desktop Application Interaction</strong>: Tailored for desktop application needs.</li>
<li><strong>High-Quality UI Components for Vue 3.x</strong>: Modern and user-friendly components.</li>
<li><strong>Consistent API and UI</strong>: Aligns with TDesign component libraries for other frameworks.</li>
<li><strong>Dark Mode and Customizable Theme</strong>: Personalize the appearance to suit preferences.</li>
<li><strong>Support Tree-Shaking</strong>: Efficiently remove unused code for better performance.</li>
</ul>
<h2>Summary:</h2>
<p>TDesign Vue Next is a powerful UI component library designed for Vue 3 and desktop applications. With features like high-quality components, dark mode, customizable themes, and tree-shaking support, it aims to enhance the user experience and developer efficiency. By following the installation guide provided, users can seamlessly integrate this theme into their Vue.js projects for a modern and responsive design.</p>


<h2>Overview</h2>
<p>TDesign Vue Starter is a project developed with Vue2 and Vite, based on the TDesign theme. It offers a customizable theme configuration and aims to provide an out-of-the-box solution for middle and background projects. This starter project includes various features such as complete directory structure, code specification configuration, dark mode support, custom theme colors, space layouts, and mock data scheme.</p>
<h2>Features</h2>
<ul>
<li><strong>Various provided pages for development</strong>: The starter project includes a range of pre-built pages that can be used for developing different functionalities.</li>
<li><strong>Complete directory structure for development</strong>: The project follows a well-organized directory structure, making it easy to navigate and work on different components.</li>
<li><strong>Code specification configuration</strong>: The project includes code specification configuration, which helps maintain consistency and readability throughout the codebase.</li>
<li><strong>Support for dark mode</strong>: TDesign Vue Starter supports dark mode, providing users with the option to switch between light and dark themes.</li>
<li><strong>Custom theme colors</strong>: Users can easily customize the theme colors according to their preferences and branding requirements.</li>
<li><strong>Various space layouts</strong>: The project offers various space layouts that can be used to create visually appealing and well-structured user interfaces.</li>
<li><strong>Mock data scheme</strong>: TDesign Vue Starter includes a mock data scheme, which allows developers to simulate data for testing and prototyping purposes.</li>
</ul>
<h2>Summary</h2>
<p>TDesign Vue Starter is a powerful project template based on Vue2 and Vite, integrating the TDesign theme. It offers a wide range of features and customization options to help developers kickstart middle and background projects. With its comprehensive directory structure, code specification configuration, dark mode support, custom theme colors, space layouts, and mock data scheme, it provides a solid foundation for building modern and engaging user interfaces. The installation process is straightforward, and developers can quickly get started with their project by following a few simple steps.</p>


<h2>Overview</h2>
<p>TDesign Vue is a UI component library designed for Vue 2 and desktop applications. It offers high-quality UI components, interaction for desktop applications, a consistent API and UI with TDesign libraries for other frameworks, dark mode, customizable themes, and support for tree-shaking.</p>
<h2>Features</h2>
<ul>
<li><strong>Desktop Application Interaction</strong>: Enhanced interaction features for desktop applications.</li>
<li><strong>High Quality UI Components</strong>: Provides top-notch UI components compatible with Vue 2.x.</li>
<li><strong>Consistent API and UI</strong>: Ensures uniformity with TDesign component libraries across different frameworks.</li>
<li><strong>Dark Mode and Customizable Theme</strong>: offers a dark mode feature and the ability to customize themes.</li>
<li><strong>Support for Tree-shaking</strong>: Allows for efficient optimization of module dependencies.</li>
</ul>
<h2>Summary</h2>
<p>TDesign Vue is a versatile UI component library that caters to Vue 2 and desktop applications. With its range of features including desktop application interaction, high-quality UI components, consistent API, dark mode, customizable themes, and support for tree-shaking, TDesign Vue offers a comprehensive solution for developing engaging and user-friendly interfaces. Its ease of installation and compatibility with different frameworks make it a valuable tool for developers looking to enhance their applications.</p>


<h2>Overview:</h2>
<p>The project migration instructions state that due to business adjustments, the project will no longer be updated, and future requirements will be merged into the Feflow project for development and iteration. The project, which is a frontend workflow based on Gulp, efficient, cross-platform (macOS &#x26; Win), and customizable, has now introduced a GUI desktop tool: WeFlow, which can be used without installing any environment dependencies.</p>
<h2>Features:</h2>
<ul>
<li><strong>Automation Process:</strong> Handles Less/Sass to CSS conversion, CSS autoprefixer, image CSS property generation, SVG inline to CSS, CSS minification, CSS sprite synthesis, Retina image generation, image compression, JS merging and minification, and more.</li>
<li><strong>Development Tasks:</strong> Includes tasks for building development files, compiling EJS to HTML and Less to CSS, and automatically refreshes the browser on file changes.</li>
<li><strong>Production Tasks:</strong> Involves tasks for generating final files, compiling and compressing CSS/JS/IMG, creating CSS sprites, inline SVG compression, packaging and merging files, and supporting WebP images.</li>
<li><strong>FTP Deployment:</strong> Facilitates uploading the production files to an FTP server specified in the configuration.</li>
<li><strong>Packaging Task:</strong> Allows compressing the "dist" directory generated by the production task into a zip file.</li>
<li><strong>Customization and Extension:</strong> Enables users to customize tasks, load mechanisms dynamically, create custom tasks and plugins to meet specific team requirements.</li>
</ul>
<h2>Summary:</h2>
<p>The project migration announcement states the discontinuation of updates due to business changes, with future requirements to be integrated into the Feflow project. The project offers an efficient and customizable frontend workflow based on Gulp, supporting cross-platform usage. It includes automation processes for various tasks, facilitates development and production tasks, FTP deployment, packaging, and allows for customization and extension to adapt to specific team needs.</p>


<h2>Overview</h2>
<p>WeComponents is a Vue.js declarative component library based on the Common Component Language Specification (CLS). It aims to simplify development by allowing developers to write pages using JSON. The library follows the principles of the CLS, which abstracts all components into a unified model. It emphasizes data-driven UI and provides a low learning curve, making it easy to understand, remember, and use. The components are designed to be semantic and cater to common use cases such as forms, lists, and charts.</p>
<h2>Features</h2>
<ul>
<li><strong>Common Component Language Specification (CLS)</strong>: The library follows the CLS, which treats components as a unified model, simplifying the development process.</li>
<li><strong>Data-driven UI</strong>: Components are described using data structures, enabling developers to build UIs based on the provided data.</li>
<li><strong>Developer-friendly</strong>: The library has a low learning curve as developers only need to learn one component language to use the entire library.</li>
<li><strong>Easy to understand and remember</strong>: The components are designed to be intuitive and memorable, making them easy to work with.</li>
<li><strong>Semantic</strong>: The components are designed to adhere to common understanding of their functionality.</li>
<li><strong>Suitable for various scenarios</strong>: The library provides implementations for form, list, and chart components. Additional information can be found in the documentation.</li>
</ul>
<h2>Summary</h2>
<p>WeComponents is a Vue.js declarative component library based on the Common Component Language Specification. It simplifies development by allowing developers to write pages using JSON. The library follows the principles of the CLS and provides a data-driven UI approach. It has a low learning curve, is easy to understand and remember, and focuses on semantic components. It supports various scenarios, with implementations for form, list, and chart components. To install WeComponents, Vue.js and the library itself need to be installed, and the components can be used in Vue.js components. The library is licensed under the MIT License and encourages developers to contribute and customize it to suit their needs.</p>


Tencent

Omi

QMUI_Android

QMUI_iOS

Tdesign Mobile React

Tdesign Mobile Vue

Tdesign React Starter

Tdesign React

Tdesign Vue Next Starter

Tdesign Vue Next

Tdesign Vue Starter

Tdesign Vue

Tmt Workflow

WeComponents