Meet UI

screenshot of Meet UI

一套高质量微信小程序组件库,重新定义用户界面、用户交互、用户体验!

Overview

MEET UI is a minimalist, fresh, and highly usable component library for WeChat Mini Programs. It aims to redefine user interface, user interaction, and user experience. MEET UI offers over 40 components that cover various application scenarios while keeping the code package size strictly controlled. It is written in the native language of WeChat Mini Programs and supports the latest official features. The library emphasizes component reusability, allowing for easy combination and secondary business expansion. MEET UI also focuses on ensuring page stability by following a loading lifecycle (loading, normal, empty, error) and providing standardized page loading templates at the component level. It abstracts Popup capabilities to provide consistent layer animation and gesture operation, supporting various layer types such as Actionsheet, Picker, Drawer, Dropdown, Popover, and more. The library optimizes the usage of Dialog, Toast, and Loading components by supporting global function calls and singleton characteristics, reducing resource overhead. It enriches the capabilities of the Picker component by supporting two-level linkage, three-level linkage, and data linkage between multiple pickers, as well as rendering data with any specific characteristics such as date and region. Additionally, it enhances the imagePicker component's ability to select and drag images for sorting. MEET UI prioritizes user input experience and offers various styles to meet different form scene requirements. It also focuses on practicality and provides pre-built demos for immediate use. To preview the MEET UI component examples, users can scan the QR code to preview the Mini Program demo. To use MEET UI, users need to follow the steps of npm installation, npm build, and component integration into the page files. Users should also pay attention to some guidelines to ensure proper usage.

Features

  • Experience-oriented: Focuses on user experience, redefines components, and provides over 40 components while controlling code package size.
  • Native Language & RPX Adaptation: Written in the native language of WeChat Mini Programs and supports the latest official features and RPX adaptation for better visual presentations.
  • Component Reusability: Components are granularly divided and have enhanced reusability and freedom for component combination and secondary business expansion.
  • Loading Lifecycle: Focuses on page loading lifecycle (loading, normal, empty, error) and ensures page stability with standardized page loading templates at the component level.
  • Unified Popup Abilities: Abstracts Popup capabilities for consistent layer animation and gesture operation, supporting various layer types like Actionsheet, Picker, Drawer, Dropdown, Popover, etc.
  • Optimized Dialog, Toast, Loading: Optimizes the usage of Dialog, Toast, and Loading components by supporting global function calls and maintaining singleton characteristics to reduce resource overhead.
  • Enhanced Picker Abilities: Enriches the Picker component with support for two-level linkage, three-level linkage, and data linkage between multiple pickers. It also supports rendering data with specific characteristics like date and region.
  • Advanced imagePicker: Enhances the imagePicker component's ability to select images and offers drag and drop sorting for selected images.
  • User Input Experience: Prioritizes user input experience and provides various styles to meet different form scene requirements.
  • Practicality: Emphasizes practicality and provides pre-built demos for immediate use.

Summary

MEET UI is a comprehensive component library for WeChat Mini Programs that focuses on user experience and component reusability. With over 40 components, MEET UI covers various application scenarios while keeping the code package size optimized. It supports the latest features of WeChat Mini Programs and provides a loading lifecycle and standardized page loading templates for better page stability. MEET UI abstracts Popup capabilities for consistent layer animation and gesture operation, supports various layer types, and optimizes the usage of Dialog, Toast, and Loading components for reduced resource overhead. It enriches the Picker component's abilities and enhances the imagePicker component's capabilities. MEET UI also prioritizes user input experience, offers various form styles, and provides pre-built demos for easy usage. To install MEET UI, users need to follow the steps of npm installation, npm build, and component integration into the page files.

ui-kit
UI Kits & Components

A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.