Awesome GitHub RepositoriesNative Mobile Design Systems

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

This project provides a collection of instructional guides and tutorials for Android app development, native mobile application creation, and computer science education. It focuses on building native applications through step-by-step implementation, covering the development of user interfaces and the integration of system hardware and permissions. The material extends into broader technical domains, including the study of fundamental data structures and algorithms for technical interview preparation. It also covers cybersecurity fundamentals, such as identifying web vulnerabilities and implem

Mint-UI is a mobile interface toolkit and component-based UI framework designed for Vue.js applications. It provides a collection of pre-styled user interface components specifically optimized for mobile devices and touch-based navigation. The library focuses on mobile UI development and responsive design, offering a set of layout and interaction elements tailored for mobile viewport constraints to ensure visual consistency across different screens. The framework utilizes a modular architecture that integrates a CSS-based styling system with Vue's reactivity model, using prop-driven configur

weui-wxss is a mobile design system and UI framework designed for the WeChat Mini Program development environment. It provides a collection of reusable components and predefined styles to ensure interfaces match the native WeChat look and feel. The library focuses on implementing a native WeChat user experience by translating mobile design mockups into working code using standardized visual guidelines. It manages the visual appearance of applications through a consistent set of stylesheets tailored for the WeChat runtime. The framework includes capabilities for style management and the imple

Ratchet is a web-based mobile UI framework and component-based library designed to create responsive mobile application interfaces. It provides a CSS mobile layout system that allows for the development of application frontends using standard web technologies. The framework focuses on mobile app interface design and rapid prototyping, utilizing pre-styled visual elements to ensure consistent styling across various screen sizes and resolutions. The system employs a CSS-only approach to define interactive states and layouts, incorporating a grid-based responsive layout and utility-first styles

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

uamp is an audio media application framework and reference implementation for building music playback applications on Android. It provides a cross-device media framework designed to maintain functional and visual consistency across phones, tablets, Wear OS, Android TV, and Android Auto. The project features specific implementations for automotive-safe music control and Google Cast integration for remote playback. It includes a multi-form factor UI kit that demonstrates how to adapt a single media codebase to various screen sizes and device types. The framework covers core media capabilities

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

jQuery Mobile is a mobile web framework and cross-platform UI library designed to create consistent HTML5 user interfaces that adapt to different mobile device platforms and screen sizes. It provides a collection of customizable components and CSS styles to render a unified look and feel across various mobile operating systems. The framework functions as a CSS themeable UI kit, featuring a build process that allows for the generation of custom visual themes by modifying base style files and assets. The library covers a broad capability surface including responsive mobile interface developmen

react-native-reusables est une bibliothèque de composants UI React Native et un système de design mobile multiplateforme. Elle fournit une collection de composants d'interface utilisateur accessibles et stylisables, conçus pour maintenir une cohérence visuelle sur différents systèmes d'exploitation mobiles. Le projet fonctionne comme une collection de composants UI headless, privilégiant l'accessibilité et la fonctionnalité aux préréglages visuels rigides. Il agit comme un framework CSS mobile Tailwind en implémentant des modèles CSS utilitaires via NativeWind pour faciliter le prototypage rapide d'interfaces. La bibliothèque couvre le développement d'UI mobile et la conception d'interfaces multiplateformes, utilisant une abstraction basée sur des primitives et un modèle de composants basé sur la composition pour construire des écrans mobiles soignés.

NativeWind is a utility-first CSS framework that integrates Tailwind CSS design patterns into React Native applications. It functions as a cross-platform styling system and style mapper that translates CSS-based utility classes into native style objects compatible with mobile platforms. The framework provides a responsive UI engine that implements breakpoints, dark mode management, and platform-specific modifiers. It allows for the definition of custom themes including global colors, fonts, and spacing values to maintain a consistent visual identity across different devices. The system cover

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.

BookReader is a mobile e-book reader application designed for reading digital novels in EPUB, PDF, and TXT formats. It functions as a digital library manager for organizing, indexing, and searching collections of electronic books using titles and tags. The application features a reading interface with three-dimensional page-flip animations to simulate the feel of physical books. It also includes a wireless synchronization system for transferring digital book files between devices over a local network. The software provides tools for customizing the reading experience, including adjustable th

Nimbus est un framework d'UI iOS et un toolkit d'application fournissant une collection de composants d'interface réutilisables et d'outils de mise en page pour construire des applications mobiles natives. Il inclut une bibliothèque de composants SwiftUI et un système de design d'interface structuré pour maintenir un style cohérent sur les plateformes Apple. Le framework emploie une approche déclarative pour le formatage visuel, utilisant des styles de composants basés sur CSS pour définir les couleurs, les polices et l'espacement. Il rationalise le développement grâce à un système de construction basé sur des composants et un mapping de style déclaratif. Le toolkit couvre une gamme d'utilitaires d'interface, incluant le rendu de texte attribué, les indicateurs de badge de statut et une logique de pagination par snap pour la navigation par balayage. Il fournit également des utilitaires réseau pour le chargement d'images distantes via URL et une couche d'intégration pour la communication bidirectionnelle entre les applications installées.

Xamarin.Forms est un framework mobile multiplateforme pour construire des interfaces utilisateur natives en utilisant une base de code partagée unique et .NET. Il fonctionne comme une bibliothèque UI pilotée par les données et une boîte à outils XAML UI, permettant aux mises en page d'applications et aux éléments visuels d'être définis à l'aide d'un langage de balisage basé sur XML. Le framework fournit des wrappers d'API natifs qui offrent un accès au matériel spécifique à l'appareil et aux fonctionnalités du système d'exploitation via C#. Il utilise un système pour rendre une base de code d'interface utilisateur unique via des contrôles natifs sur différents systèmes d'exploitation. Le projet couvre la gestion adaptative des mises en page et la navigation d'application pour définir les flux d'écrans. Il inclut des capacités pour l'accès aux fonctionnalités natives de la plateforme, la gestion du stockage de données local et la consommation de services REST pour intégrer des données cloud.

luci-theme-argon est une interface visuelle pour la console administrative OpenWrt qui remplace le look par défaut par un design moderne. Il fournit une interface web responsive qui ajuste automatiquement le tableau de bord administratif pour une utilisabilité sur les appareils mobiles et les écrans desktop. Le thème dispose d'un écran de connexion personnalisable qui supporte des images, vidéos et effets de transparence personnalisés. Il inclut une interface en mode sombre avec la capacité de basculer entre les schémas de couleurs clair et sombre manuellement ou automatiquement selon les préférences système. Le projet couvre une personnalisation étendue de l'interface utilisateur, incluant l'optimisation de la mise en page pour les appareils mobiles et l'intégration d'arrière-plan dynamique qui récupère des images rotatives depuis des services web externes. Il utilise des utilitaires de stylage visuel pour gérer les thèmes de couleurs et appliquer des effets de flou à la console de gestion.

SwiftLanguageWeather est une application mobile construite avec Swift pour iOS qui récupère et affiche des prévisions météorologiques en temps réel et les conditions actuelles. Elle fonctionne comme un client conscient de la localisation qui utilise le GPS de l'appareil pour obtenir des données météorologiques basées sur les coordonnées physiques actuelles de l'utilisateur. L'application dispose d'une interface utilisateur adaptative conçue avec des classes de taille pour maintenir une apparence cohérente à travers diverses dimensions d'écran d'iPhone et d'iPad. Le projet intègre des services API distants pour récupérer des informations météorologiques et utilise des services basés sur la localisation pour automatiser la récupération des données. Il gère l'affichage des prévisions via une mise en page qui s'ajuste dynamiquement aux différentes tailles d'appareils.

Ce projet est une bibliothèque d'interface utilisateur mobile multiplateforme et un système de conception construit pour le framework React Native. Il fournit une collection de composants d'interface réutilisables et stylisables pour assurer une cohérence visuelle sur différents systèmes d'exploitation mobiles. Le framework inclut un outil spécialisé pour transformer des chaînes HTML brutes en composants mobiles natifs en utilisant le rendu d'éléments personnalisés et des remplacements de style. Il dispose également d'un système de mise à jour à distance qui permet aux changements d'interface et aux nouvelles fonctionnalités d'être poussés directement sur les appareils sans nécessiter une version complète de l'application sur le store. La bibliothèque couvre un large éventail de capacités, y compris le style centralisé de l'application et la gestion des thèmes, les animations d'interface utilisateur déclaratives et la gestion de la mise en page des écrans en utilisant des grilles, des onglets et des pagers. Elle fournit une suite d'éléments interactifs pour l'entrée utilisateur, le rendu multimédia pour les images et les vidéos, et des indicateurs de notification système. Des fonctionnalités utilitaires supplémentaires incluent le stockage local pour les favoris, l'intégration des notifications push et des outils automatisés pour la publication sur les stores.

tailwind-rn est un kit UI mobile utilitaire et un framework d'intégration qui permet l'utilisation des classes utilitaires Tailwind CSS pour styliser les composants React Native. Il fonctionne comme un moteur de stylisation mobile responsive qui transforme les définitions de style CSS en objets JSON compatibles avec la stylisation des vues mobiles natives. Le projet fournit un convertisseur de style CSS-vers-JSON et un moteur responsive qui adapte les styles en fonction des points de rupture d'écran, des préférences de mode sombre et de l'orientation de la fenêtre. Cela permet l'implémentation d'un design mobile responsive et d'une stylisation basée sur l'état sans écrire de feuilles de style manuelles. Le framework couvre des capacités plus larges, incluant la gestion de thèmes personnalisés pour les couleurs et l'espacement, la stylisation UI multiplateforme pour l'uniformité visuelle, et un système basé sur des fournisseurs pour distribuer les configurations de thème à travers un arbre de composants.

Konsta est un système de design mobile multiplateforme et une bibliothèque de composants de style natif. Elle fournit une collection de composants d'interface utilisateur pré-faits construits avec Tailwind CSS pour créer des vues d'applications mobiles qui maintiennent une apparence native cohérente sur différents systèmes d'exploitation mobiles. La bibliothèque se concentre sur l'émulation d'interface native, appliquant des systèmes de design qui imitent les styles visuels et les directives officiels d'iOS et d'Android. Elle utilise un mappage de style spécifique à la plateforme et un théming basé sur le système de design pour garantir que les applications hybrides ou web ressemblent à des applications natives. Le framework couvre le développement d'UI mobile via un style CSS utilitaire et des abstractions d'interface basées sur des composants. Il gère les thèmes visuels via des propriétés personnalisées CSS et des classes utilitaires pour construire des mises en page mobiles réactives.