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 este o bibliotecă de componente UI pentru React Native și un sistem de design cross-platform pentru mobil. Oferă o colecție de componente de interfață utilizator accesibile și stilizabile, concepute pentru a menține consistența vizuală pe diferite sisteme de operare mobile. Proiectul funcționează ca o colecție de componente headless UI, prioritizând accesibilitatea și funcționalitatea în detrimentul presetărilor vizuale rigide. Acționează ca un framework Tailwind CSS pentru mobil prin implementarea modelelor CSS utility-first via NativeWind pentru a facilita prototiparea rapidă a interfețelor. Biblioteca acoperă dezvoltarea UI pentru mobil și designul de interfețe cross-platform, utilizând o abstractizare bazată pe primitive și un model de componente bazat pe compoziție pentru a construi ecrane mobile finisate.

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 este un framework UI pentru iOS și un toolkit de aplicații care oferă o colecție de componente de interfață reutilizabile și instrumente de layout pentru construirea de aplicații mobile native. Include o bibliotecă de componente SwiftUI și un sistem structurat de design al interfeței pentru menținerea unui stil consistent pe platformele Apple. Framework-ul utilizează o abordare declarativă pentru formatarea vizuală, folosind stilizarea componentelor bazată pe CSS pentru a defini culorile, fonturile și spațierea. Simplifică dezvoltarea prin intermediul unui sistem de construcție bazat pe componente și maparea declarativă a stilurilor. Toolkit-ul acoperă o gamă de utilitare de interfață, inclusiv randarea textului cu atribute, indicatori de tip badge și logică de paginare pentru navigarea prin swipe. Oferă, de asemenea, utilitare de rețea pentru încărcarea imaginilor la distanță prin URL și un strat de integrare pentru comunicarea bidirecțională între aplicațiile instalate.

Xamarin.Forms este un framework mobil cross-platform pentru construirea de interfețe native folosind o singură bază de cod partajată și .NET. Funcționează ca o bibliotecă UI bazată pe date și un toolkit XAML UI, permițând definirea layout-urilor aplicației și a elementelor vizuale folosind un limbaj de marcare bazat pe XML. Framework-ul oferă wrappere API native care oferă acces la hardware-ul specific dispozitivului și la funcțiile sistemului de operare prin C#. Utilizează un sistem pentru randarea unei singure baze de cod de interfață prin controale native pe diferite sisteme de operare. Proiectul acoperă gestionarea adaptivă a layout-ului și navigarea în aplicație pentru definirea fluxurilor de ecrane. Include capabilități pentru accesul la funcțiile native ale platformei, gestionarea stocării locale a datelor și consumul de servicii REST pentru integrarea datelor din cloud.

luci-theme-argon este o interfață vizuală pentru consola administrativă OpenWrt care înlocuiește aspectul implicit cu un design modern. Oferă o interfață web responsive care ajustează automat dashboard-ul administrativ pentru utilizare atât pe dispozitive mobile, cât și pe ecrane desktop. Tema dispune de un ecran de autentificare personalizabil care suportă imagini, videoclipuri și efecte de transparență personalizate. Include o interfață dark mode cu posibilitatea de a comuta între schemele de culori deschise și întunecate manual sau automat, în funcție de preferințele sistemului. Proiectul acoperă o personalizare largă a interfeței utilizator, inclusiv optimizarea layout-ului pentru dispozitive mobile și integrarea fundalurilor dinamice care preiau imagini rotative de la servicii web externe. Utilizează utilitare de stilizare vizuală pentru a gestiona temele de culori și a aplica efecte de blur consolei de gestionare.

SwiftLanguageWeather este o aplicație mobilă construită cu Swift pentru iOS care preia și afișează prognoze meteo în timp real și condiții curente. Acesta funcționează ca un client conștient de locație care utilizează GPS-ul dispozitivului pentru a obține date meteo pe baza coordonatelor fizice curente ale utilizatorului. Aplicația dispune de o interfață utilizator adaptivă concepută cu size classes pentru a menține un aspect consistent pe diverse dimensiuni de ecran de iPhone și iPad. Proiectul integrează servicii API la distanță pentru a prelua informații meteo și utilizează servicii bazate pe locație pentru a automatiza recuperarea datelor. Gestionează afișarea prognozelor printr-un layout care se ajustează dinamic la diferite dimensiuni de dispozitive.

Acest proiect este o bibliotecă UI mobilă cross-platform și un sistem de design construit pentru framework-ul React Native. Oferă o colecție de componente de interfață stilizabile și reutilizabile pentru a asigura consistența vizuală pe diferite sisteme de operare mobile. Framework-ul include un instrument specializat pentru transformarea șirurilor HTML brute în componente mobile native folosind randarea elementelor personalizate și override-uri de stil. De asemenea, dispune de un sistem de actualizare la distanță care permite modificările de interfață și noile funcționalități să fie împinse direct pe dispozitive, fără a necesita o lansare completă în magazinul de aplicații. Biblioteca acoperă o gamă largă de capabilități, inclusiv stilizarea centralizată a aplicației și gestionarea temelor, animații UI declarative și gestionarea layout-ului ecranului folosind grile, tab-uri și pagere. Oferă o suită de elemente interactive pentru input-ul utilizatorului, randare media pentru imagini și videoclipuri și indicatori de notificare a sistemului. Funcționalitățile utilitare suplimentare includ stocarea locală pentru bookmark-uri, integrarea notificărilor push și instrumente automate pentru publicarea în magazin.

tailwind-rn este un kit UI mobil utility-first și un framework de integrare care permite utilizarea claselor utilitare Tailwind CSS pentru a stiliza componentele React Native. Funcționează ca un motor de stilizare mobil responsiv care transformă definițiile de stil CSS în obiecte JSON compatibile cu stilizarea nativă a view-urilor mobile. Proiectul oferă un convertor de stil CSS-to-JSON și un motor responsiv care adaptează stilurile pe baza breakpoint-urilor ecranului, preferințelor dark mode și orientării viewport-ului. Acest lucru permite implementarea designului mobil responsiv și a stilizării bazate pe stare fără a scrie manual fișiere de stil. Framework-ul acoperă capabilități mai largi, inclusiv gestionarea temelor personalizate pentru culori și spațiere, stilizarea UI cross-platform pentru uniformitate vizuală și un sistem bazat pe provider pentru distribuirea configurațiilor de temă într-un arbore de componente.

Konsta este un sistem de design mobil cross-platform și o bibliotecă de componente cu stil nativ. Oferă o colecție de componente de interfață utilizator pre-făcute, construite cu Tailwind CSS, pentru a crea vizualizări de aplicații mobile care mențin un aspect nativ consistent pe diferite sisteme de operare mobile. Biblioteca se concentrează pe emularea interfeței native, aplicând sisteme de design care imită stilurile vizuale și ghidurile oficiale iOS și Android. Utilizează maparea stilurilor specifice platformei și teme bazate pe sisteme de design pentru a se asigura că aplicațiile hibride sau web arată ca niște aplicații native. Framework-ul acoperă dezvoltarea UI mobil prin stilizare CSS de tip utility-first și abstracții de interfață bazate pe componente. Gestionează temele vizuale prin proprietăți personalizate CSS și clase utilitare pentru a construi layout-uri mobile responsive.