Open-source alternatives to Dcloudio Mui

Konsta is a cross-platform mobile design system and native-style component library. It provides a collection of pre-made user interface components built with Tailwind CSS to create mobile application views that maintain a consistent native appearance across different mobile operating systems. The library focuses on native interface emulation, applying design systems that mimic the official visual styles and guidelines of iOS and Android. It uses platform-specific style mapping and design-system-based theming to ensure hybrid or web applications look like native apps. The framework covers mob

react-native-reusables is a React Native UI component library and cross-platform mobile design system. It provides a collection of accessible and stylable user interface components designed to maintain visual consistency across different mobile operating systems. The project functions as a headless UI component collection, prioritizing accessibility and functionality over rigid visual presets. It acts as a Tailwind CSS mobile framework by implementing utility-first CSS patterns via NativeWind to facilitate rapid interface prototyping. The library covers mobile UI development and cross-platfo

This project is a mobile web application template and optimization kit providing a foundational project structure for building responsive websites. It functions as a responsive CSS framework and a set of utilities for managing viewport scaling, touch event responses, and user-agent feature detection. The project distinguishes itself through specialized web app manifest configurations and server performance settings. It includes systems for defining home screen icons and metadata to enable web applications to behave like native apps, alongside pre-defined directives for caching, compression, a

This project is a React Native UI library and mobile component framework designed for building consistent, themed mobile applications. It provides a collection of reusable user interface components and layout tools, functioning as a cross-platform design system to maintain visual uniformity across different mobile platforms. The toolkit distinguishes itself through a themed UI approach, utilizing global design foundations for typography, color palettes, and spacing. It allows for dynamic theme configuration and the use of style presets to ensure standardized branding across an entire project.

Hammer.js is a library for recognizing touch gestures in web applications. It functions as a unified interface that translates raw pointer, mouse, and touch inputs into a consistent stream of interaction data, allowing developers to detect patterns such as taps, swipes, and pans across different browsers and hardware. The library distinguishes itself through a modular architecture that uses configurable logic blocks to evaluate input streams against specific mathematical thresholds. It maintains an internal registry of active touch points to track complex multi-finger movements like pinching

Mobile-angular-ui is a frontend framework designed for building touch-friendly mobile web applications using AngularJS and Bootstrap styles. It provides a toolkit for creating cross-platform interfaces with native-like gestures and responsive layouts, enabling developers to transform standard desktop web interfaces into touch-friendly mobile layouts with minimal structural adaptations. The framework includes directive-driven UI components such as sidebars, overlays, switches, and navigation bars. It supports declarative state management through generic directives that bind state transformatio

Ionic is a cross-platform mobile UI toolkit and hybrid app development framework. It provides a library of web components for building native-quality iOS, Android, and Progressive Web Apps using HTML, CSS, and JavaScript from a single codebase. The project utilizes a web component UI library to ensure consistent mobile interface behaviors. It employs a framework-agnostic wrapper to integrate these custom elements with JavaScript libraries such as React, Vue, and Angular. The toolkit covers hybrid mobile UI design and cross-platform app development. It includes an adaptive styling system that

vue-virtual-scroll-list is a virtualized list implementation for Vue applications. It provides a component that renders only the visible items of a large dataset to maintain high performance and limit the number of active DOM elements. The project functions as a high-performance list renderer and dynamic viewport manager. It calculates real-time list dimensions and scroll offsets to display thousands of data entries without degrading browser memory usage or performance. The system includes programmatic scroll control to navigate to specific item indices or pixel offsets. It also provides uti

MMDrawerController is a side drawer navigation controller for mobile applications. It serves as a mobile UI navigation container that organizes a primary center content area and a hidden slide-out side menu. The project provides a transition animation framework to define custom visual effects when presenting or dismissing the side menu. It also includes a system for customizable gesture navigation, allowing the definition of touch gestures and pan events to trigger menu transitions. The controller covers app layout management via a container view and integrates iOS gesture recognition. It in

This is an Android pull-to-refresh library and custom view component designed to implement refresh interactions across any Android view. It functions as a gesture interaction tool that manages pull-down motions and touch conflicts to trigger data loading operations. The library provides tools for creating custom refresh headers and indicator visuals, utilizing a path-based animation engine to produce non-linear visual transitions. It includes mechanisms to define specific trigger thresholds through height ratios and user release events. The project covers gesture management and touch interac

Slideout is a touch-gesture UI component and navigation menu designed for mobile web applications. It provides a side panel that slides across the screen to reveal navigation options, utilizing CSS transitions to animate the movement of the viewport. The component manages the expanded or collapsed state of the navigation menu and includes logic to restrict gestures for specific interface elements to prevent interaction conflicts. It employs a system for executing custom logic triggered by menu state transitions and user drag gestures.

This project is a mobile UI component library providing a cross-platform carousel component for sliding images and content. It functions as a touch-based swiper interface that allows users to browse lists of items through swipe gestures. The library includes a specialized parallax image slider that shifts background images at different speeds to create a sense of depth. It provides a swiping interface component capable of handling large lists of items across both horizontal and vertical orientations. The toolset covers carousel layout management, position indicators to communicate the curren

Phoenix is a JavaScript gesture library and mobile-first interaction toolset designed to manage touch events and scroll behaviors in web-based interfaces. Its primary purpose is to provide a pull-to-refresh UI component that triggers data updates when a user pulls down on a mobile or web view. The library focuses on mobile web interaction design, providing themed animations and visual indicators that mimic native mobile app gestures. It enables the implementation of dynamic data refresh workflows through a downward drag interaction. The project covers the interception of scroll events and th

MJRefresh is a scroll view interaction library and a set of reusable UI components for implementing pull-to-refresh and infinite scrolling behaviors in mobile user interfaces. It provides customizable refresh indicators and controllers that manage reload callbacks and loading states within scrollable containers. The library allows for the replacement of standard loading indicators with custom images, GIF sequences, and status labels to match specific visual branding. It includes a global configuration store to handle dynamic UI localization and the translation of refresh content across an app

Recyclerlistview is a cross-platform virtualized list component for React Native and web. It functions as a cell-recycling UI library that reuses a small set of off-screen components by updating their data rather than creating new views for every item. The framework includes a dynamic grid layout engine that supports staggered grids and variable item heights, allowing for instant switching between list and grid view modes. The library provides capabilities for virtual scrolling management, including viewability tracking, sticky headers, and scroll position restoration. It also supports infin

This project provides high-performance list components for React Native that utilize a view-recycling rendering engine. It is designed to display large datasets by reusing existing components instead of destroying and recreating them, which reduces memory usage and prevents blank cells during fast scrolling. The library distinguishes itself through a specialized virtualized list manager and support for masonry grid layouts, which allow for multiple columns with varying item heights. It includes a type-based recycling system that ensures the correct component structure is reused for specific d

mdui is a framework-agnostic UI library and design system based on Material Design 3 standards. It provides a comprehensive set of reusable interface elements implemented as native Web Components, ensuring compatibility across different JavaScript frameworks. The library features a sophisticated theming system that supports light and dark modes, as well as the ability to generate dynamic color palettes from seed colors or image sources. It distinguishes itself with a high level of flexibility in visual customization, using CSS custom properties to control design tokens such as typography, cor

This project is a comprehensive UI toolkit that provides a declarative, reactive framework for building modular web interfaces. It centers on a component-based architecture that maps application state to rendered elements, utilizing a twelve-point flexbox grid system and nested containers to manage complex layouts. The library ensures consistent behavior across large-scale applications by providing centralized configuration for component defaults, themes, and global design tokens. What distinguishes this framework is its deep integration of Material Design principles alongside a highly flexib

Taiga UI is an Angular UI component library and accessible design system used for building enterprise web interfaces. It provides a comprehensive collection of reusable interface elements and layout tools, functioning as a mobile-first UI kit with responsive components that adapt to different device capabilities. The library distinguishes itself through an integrated data visualization library featuring various chart types and a dedicated form management framework with built-in validation and formatting for specialized data. It also features AI-driven development workflows by integrating comp

Material is a mobile user interface framework designed for building responsive and consistent native applications. It provides a declarative component architecture that allows developers to construct complex interfaces through modular, self-contained elements that manage their own state and rendering logic. The framework distinguishes itself through a constraint-based layout engine that calculates component geometry by solving spatial relationships between elements, ensuring layouts adapt automatically to varying screen sizes. It also features a hierarchical design system that propagates styl

SwiftWebUI is a server-side UI framework and declarative web library that allows for the creation of web interfaces using a syntax based on the SwiftUI pattern. It functions as a server-driven system where the interface structure and state are managed on the server and rendered within a web browser. The framework enables the development of web interfaces through a declarative domain specific language that mirrors native Apple platform interface patterns. It maintains a live connection between the server and browser to handle real-time state synchronization and user interactivity. The system

Ant Design Mobile is a mobile UI component library and design system built for React. It provides a collection of pre-styled interface elements and standardized UI blocks used to create consistent, responsive user interfaces for mobile web applications. The framework focuses on mobile web design and frontend interface engineering, providing tools to implement interaction patterns tailored for touch-based browsing. It ensures a uniform look and feel across different mobile browsers and handheld device screens. The library incorporates responsive layout systems and CSS-variable-based theming.

Vux is a mobile web UI kit and Vue mobile UI library consisting of predefined layout and interface components. It functions as a WeUI component framework that implements a standardized design language for web applications. The library provides a collection of reusable interface elements optimized for mobile browser screen dimensions and touch interactions. It ensures visual consistency across different mobile devices by mapping component styles directly to the WeUI mobile design specification. The framework covers mobile web interface design, mobile UI development, and the rapid assembly of

react-native-reusables is a cross-platform mobile UI library and an accessible component kit used to build consistent interfaces across different screen sizes. It functions as a Tailwind CSS component library, providing pre-styled interface elements that utilize utility classes for styling and layout. The project enables cross-platform UI development for iOS and Android through a shared set of reusable visual components. It supports mobile interface prototyping and the creation of cohesive design systems by utilizing standardized, themeable interface elements to maintain uniform branding. Th

This project is a cross-platform mobile UI library and design system built for the React Native framework. It provides a collection of styleable and reusable interface components to ensure visual consistency across different mobile operating systems. The framework includes a specialized tool for transforming raw HTML strings into native mobile components using custom element rendering and style overrides. It also features a remote update system that allows interface changes and new features to be pushed directly to devices without requiring a full application store release. The library cover

UI Kitten is a cross-platform mobile UI library and design framework for building mobile interfaces. It provides a collection of reusable, accessible visual components and layout blocks that strictly follow the Eva Design System specifications. The library features built-in support for dynamic theming, allowing applications to switch between light and dark modes or custom color schemes at runtime. It utilizes a token-based color mapping system and a shared context provider to ensure visual consistency across all screens. The framework includes a library of standardized production-ready eleme

FlutterScreens is a mobile UI component library for Flutter that provides pre-built, customizable screen layouts and widgets for rapid app development. The library offers ready-to-use login screen templates, styled button packs, animated loading indicators, and a view toggle component, all designed to be dropped directly into mobile applications without custom UI development. The components are built around a widget-composition architecture that allows developers to compose reusable widgets with animation-driven state transitions and callback-based interaction handling. Each widget encapsulat