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 es una biblioteca de componentes de interfaz de usuario para React Native y un sistema de diseño móvil multiplataforma. Proporciona una colección de componentes de interfaz de usuario accesibles y personalizables, diseñados para mantener la consistencia visual en diferentes sistemas operativos móviles. El proyecto funciona como una colección de componentes UI headless, priorizando la accesibilidad y la funcionalidad sobre preajustes visuales rígidos. Actúa como un framework móvil de Tailwind CSS al implementar patrones de CSS utility-first a través de NativeWind para facilitar la creación rápida de prototipos de interfaz. La biblioteca cubre el desarrollo de UI móvil y el diseño de interfaces multiplataforma, utilizando una abstracción basada en primitivas y un modelo de componentes basado en composición para construir pantallas móviles pulidas.

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 es un framework de UI y toolkit de aplicaciones para iOS que proporciona una colección de componentes de interfaz reutilizables y herramientas de diseño para construir aplicaciones móviles nativas. Incluye una librería de componentes SwiftUI y un sistema de diseño de interfaz estructurado para mantener un estilo consistente en las plataformas de Apple. El framework emplea un enfoque declarativo para el formato visual, utilizando estilos de componentes basados en CSS para definir colores, fuentes y espaciado. Agiliza el desarrollo mediante un sistema de construcción basado en componentes y mapeo de estilos declarativo. El toolkit cubre una gama de utilidades de interfaz, incluyendo renderizado de texto con atributos, indicadores de estado y lógica de paginación basada en snap para navegación por deslizamiento. También proporciona utilidades de red para la carga remota de imágenes mediante URL y una capa de integración para la comunicación bidireccional entre aplicaciones instaladas.

Xamarin.Forms is a cross-platform mobile framework for building native user interfaces using a single shared codebase and .NET. It functions as a data-driven UI library and a XAML UI toolkit, allowing application layouts and visual elements to be defined using an XML-based markup language. The framework provides native API wrappers that offer access to device-specific hardware and operating system features via C#. It utilizes a system for rendering a single user interface codebase through native controls across different operating systems. The project covers adaptive layout management and ap

luci-theme-argon es una interfaz visual para la consola administrativa de OpenWrt que reemplaza el aspecto predeterminado con un diseño moderno. Proporciona una interfaz web responsive que ajusta automáticamente el dashboard administrativo para su usabilidad tanto en dispositivos móviles como en pantallas de escritorio. El tema cuenta con una pantalla de inicio de sesión personalizable que admite imágenes, vídeos y efectos de transparencia personalizados. Incluye una interfaz de modo oscuro con la capacidad de cambiar entre esquemas de color claros y oscuros de forma manual o automática según las preferencias del sistema. El proyecto cubre una amplia personalización de la interfaz de usuario, incluyendo optimización de diseño para dispositivos móviles e integración de fondo dinámico que obtiene imágenes rotativas de servicios web externos. Utiliza utilidades de estilo visual para gestionar temas de color y aplicar efectos de desenfoque a la consola de gestión.

SwiftLanguageWeather es una aplicación móvil construida con Swift para iOS que recupera y muestra pronósticos meteorológicos en tiempo real y condiciones actuales. Funciona como un cliente consciente de la ubicación que utiliza el GPS del dispositivo para obtener datos meteorológicos basados en las coordenadas físicas actuales del usuario. La aplicación cuenta con una interfaz de usuario adaptativa diseñada con clases de tamaño para mantener una apariencia consistente a través de varias dimensiones de pantalla de iPhone y iPad. El proyecto integra servicios de API remotos para obtener información meteorológica y emplea servicios basados en ubicación para automatizar la recuperación de datos. Gestiona la visualización de pronósticos a través de un diseño que se ajusta dinámicamente a diferentes tamaños de dispositivo.

Este proyecto es una librería de interfaz de usuario móvil multiplataforma y sistema de diseño construido para el framework React Native. Proporciona una colección de componentes de interfaz reutilizables y con estilo para garantizar la consistencia visual en diferentes sistemas operativos móviles. El framework incluye una herramienta especializada para transformar cadenas HTML sin procesar en componentes móviles nativos utilizando renderizado de elementos personalizados y anulaciones de estilo. También cuenta con un sistema de actualización remota que permite que los cambios en la interfaz y las nuevas funciones se envíen directamente a los dispositivos sin necesidad de un lanzamiento completo en la tienda de aplicaciones. La librería cubre una amplia gama de capacidades, incluyendo estilo de aplicación centralizado y gestión de temas, animaciones de interfaz de usuario declarativas y gestión de diseño de pantalla utilizando cuadrículas, pestañas y paginadores. Proporciona un conjunto de elementos interactivos para la entrada del usuario, renderizado multimedia para imágenes y videos, e indicadores de notificación del sistema. Las características de utilidad adicionales incluyen almacenamiento local para marcadores, integración de notificaciones push y herramientas automatizadas para la publicación en tiendas.

tailwind-rn es un kit de interfaz de usuario móvil y framework de integración de utilidad primero que permite el uso de clases de utilidad de Tailwind CSS para dar estilo a componentes de React Native. Funciona como un motor de estilo móvil receptivo que transforma definiciones de estilo CSS en objetos JSON compatibles con el estilo de vista móvil nativo. El proyecto proporciona un convertidor de estilo CSS a JSON y un motor receptivo que adapta los estilos según los puntos de interrupción de pantalla, preferencias de modo oscuro y orientación de la ventana gráfica. Esto permite la implementación de diseño móvil receptivo y estilo basado en estado sin escribir hojas de estilo manuales. El framework cubre capacidades más amplias, incluyendo gestión de temas personalizados para colores y espaciado, estilo de interfaz de usuario multiplataforma para uniformidad visual y un sistema basado en proveedor para distribuir configuraciones de tema a través de un árbol de componentes.

Konsta es un sistema de diseño móvil multiplataforma y una biblioteca de componentes de estilo nativo. Proporciona una colección de componentes de interfaz de usuario prefabricados construidos con Tailwind CSS para crear vistas de aplicaciones móviles que mantienen una apariencia nativa consistente en diferentes sistemas operativos móviles. La biblioteca se centra en la emulación de interfaces nativas, aplicando sistemas de diseño que imitan los estilos visuales y las pautas oficiales de iOS y Android. Utiliza mapeo de estilos específico de la plataforma y temas basados en sistemas de diseño para garantizar que las aplicaciones híbridas o web parezcan aplicaciones nativas. El framework cubre el desarrollo de UI móvil a través de estilos CSS utility-first y abstracciones de interfaz basadas en componentes. Gestiona temas visuales mediante propiedades personalizadas de CSS y clases de utilidad para construir diseños móviles responsivos.