# dcloudio/mui

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/dcloudio-mui).**

13,474 stars · 6,474 forks · JavaScript · MIT

## Links

- GitHub: https://github.com/dcloudio/mui
- Homepage: https://dev.dcloud.net.cn/mui/
- awesome-repositories: https://awesome-repositories.com/repository/dcloudio-mui.md

## Topics

`android` `css` `dcloud` `hbuilder` `ios` `javascript` `mui` `ui`

## Description

mui is a mobile UI component framework and native-like web UI kit designed for building high-performance mobile web interfaces. It functions as a mobile web performance framework and gesture-based interface library to eliminate browser lag and mimic the behaviors and animations of native mobile applications.

The framework focuses on implementing common mobile UX patterns, including pull-to-refresh functionality, swipe-to-action menus, and sliding side navigation. It provides specialized tools for gesture-driven interface development to ensure an immediate visual response to touch interactions.

The project covers broader capabilities in mobile web performance optimization through list virtualization and precise scroll orchestration. It also includes components for dynamic content management, such as collapsible panels and automated data refreshing.

## Tags

### User Interface & Experience

- [Native Mobile Design Systems](https://awesome-repositories.com/f/user-interface-experience/interface-consistency-utilities/native-mobile-design-systems.md) — Provides a comprehensive framework for building high-performance mobile interfaces that mimic native design systems. ([source](https://cdn.jsdelivr.net/gh/dcloudio/mui@master/README.md))
- [Native-Like Web Interfaces](https://awesome-repositories.com/f/user-interface-experience/native-like-web-interfaces.md) — Provides a framework for building high-performance web applications that mimic native app behaviors and animations to eliminate browser lag.
- [Gesture Navigation](https://awesome-repositories.com/f/user-interface-experience/drag-and-drop-libraries/gesture-navigation.md) — Provides a toolset for implementing gesture-driven navigation, including swipe actions and sliding menus.
- [Native Event Layer Processing](https://awesome-repositories.com/f/user-interface-experience/interaction-handling/multitouch-gesture-processing/native-event-layer-processing.md) — Processes touch interactions through a native event layer for immediate visual response.
- [Mobile Component Libraries](https://awesome-repositories.com/f/user-interface-experience/mobile-component-libraries.md) — Offers a comprehensive library of pre-styled mobile interface elements optimized for touch interactions.
- [Mobile Interaction Patterns](https://awesome-repositories.com/f/user-interface-experience/mobile-interaction-patterns.md) — Implements tactile mobile interaction patterns like pull-to-refresh and swipe actions for a native feel.
- [Native Rendering Bridges](https://awesome-repositories.com/f/user-interface-experience/native-rendering-bridges.md) — Maps high-level UI declarations to platform-specific native widgets via a serialization bridge.
- [Declarative Native Renderers](https://awesome-repositories.com/f/user-interface-experience/native-ui-component-libraries/native-ui-renderers/declarative-native-renderers.md) — Compiles high-level UI definitions into native platform views to ensure fluid performance.
- [Scrolling Performance Optimizations](https://awesome-repositories.com/f/user-interface-experience/scrolling-performance-optimizations.md) — Implements precise scroll orchestration and list virtualization to ensure smooth scrolling without performance drops on mobile browsers.
- [Touch Gesture Libraries](https://awesome-repositories.com/f/user-interface-experience/touch-gesture-libraries.md) — Provides a collection of event listeners that translate touch inputs into recognizable interaction patterns.
- [Touch Gesture Recognition Libraries](https://awesome-repositories.com/f/user-interface-experience/touch-gesture-recognition-libraries.md) — Ships a library of utilities to translate raw touch inputs into immediate visual responses.
- [Collapsible Panels](https://awesome-repositories.com/f/user-interface-experience/collapsible-panels.md) — Includes UI components that expand and collapse to organize nested content in lists. ([source](http://dev.dcloud.net.cn/mui/ui/index.html))
- [Virtualized List Rendering](https://awesome-repositories.com/f/user-interface-experience/dynamic-list-rendering/virtualized-list-rendering.md) — Optimizes high-volume lists by rendering only the visible portion of the dataset.
- [Web-Based Native UI](https://awesome-repositories.com/f/user-interface-experience/native-ui-component-libraries/web-based-native-ui.md) — Ships a collection of components that render native-like interface elements within a web browser environment.
- [Pull-to-Refresh Components](https://awesome-repositories.com/f/user-interface-experience/pull-to-refresh-components.md) — Implements content refreshing through downward swipe gestures with native-like animations. ([source](http://dev.dcloud.net.cn/mui/))
- [Scroll Orchestrators](https://awesome-repositories.com/f/user-interface-experience/scroll-areas/scroll-orchestrators.md) — Provides an orchestration layer for precise viewport shifts and coordinated scroll behaviors.
- [Swipe Action Managers](https://awesome-repositories.com/f/user-interface-experience/scroll-containers/swipe-action-managers.md) — Implements managers for revealing operation buttons via left and right swipe gestures on list items. ([source](http://dev.dcloud.net.cn/mui/))
- [Side Navigation](https://awesome-repositories.com/f/user-interface-experience/side-navigation.md) — Provides collapsible side panels for application-wide navigation using native-like sliding patterns. ([source](http://dev.dcloud.net.cn/mui/))

### Software Engineering & Architecture

- [Hybrid Application Architectures](https://awesome-repositories.com/f/software-engineering-architecture/hybrid-application-architectures.md) — Combines web-based rendering engines with native system shells to balance development speed and execution performance.
- [Mobile UI Frame Rate Optimization](https://awesome-repositories.com/f/software-engineering-architecture/performance-reliability/performance-optimization/data-handling-throughput/large-dataset-optimizations/high-frame-rate-rendering/mobile-ui-frame-rate-optimization.md) — Optimizes frame rates in mobile web interfaces through list virtualization and scroll orchestration.

### Web Development

- [Mobile Web Development](https://awesome-repositories.com/f/web-development/front-end-development/mobile-web-development.md) — Uses web technologies to build mobile interfaces that eliminate browser lag and mimic native behaviors.
- [Mobile Web Performance Frameworks](https://awesome-repositories.com/f/web-development/mobile-web-performance-frameworks.md) — Optimizes rendering and animations to provide a fluid, high-performance user experience specifically within mobile browsers.