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 هي مكتبة مكونات واجهة مستخدم لـ React Native ونظام تصميم للهواتف المحمولة عابر للمنصات. توفر مجموعة من مكونات واجهة المستخدم القابلة للوصول والتخصيص والمصممة للحفاظ على الاتساق المرئي عبر أنظمة تشغيل الهواتف المحمولة المختلفة. يعمل المشروع كمجموعة مكونات واجهة مستخدم بدون رأس (headless)، حيث يعطي الأولوية لإمكانية الوصول والوظائف على الإعدادات المرئية الجامدة. يعمل كإطار عمل Tailwind CSS للهواتف المحمولة من خلال تنفيذ أنماط CSS القائمة على الأدوات (utility-first) عبر NativeWind لتسهيل النماذج الأولية السريعة للواجهة. تغطي المكتبة تطوير واجهة مستخدم الهواتف المحمولة وتصميم الواجهة عبر المنصات، باستخدام تجريد قائم على البدائيات ونموذج مكونات قائم على التركيب لبناء شاشات هاتف محمول مصقولة.

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 هو إطار عمل لواجهة المستخدم ومجموعة أدوات تطبيقات لنظام iOS، يوفر مجموعة من مكونات الواجهة القابلة لإعادة الاستخدام وأدوات التخطيط لبناء تطبيقات الهاتف المحمول الأصلية. يتضمن مكتبة مكونات SwiftUI ونظام تصميم واجهة منظم للحفاظ على نمط متسق عبر منصات Apple. يستخدم إطار العمل نهجاً تعريفياً للتنسيق المرئي، باستخدام تصميم المكونات القائم على CSS لتحديد الألوان والخطوط والتباعد. كما يبسط التطوير من خلال نظام بناء قائم على المكونات وتعيين الأنماط التعريفي. تغطي مجموعة الأدوات مجموعة من مرافق الواجهة، بما في ذلك عرض النصوص المنسقة، ومؤشرات شارات الحالة، ومنطق التصفح القائم على السحب. كما يوفر مرافق شبكة لتحميل الصور عن بُعد عبر URL وطبقة تكامل للاتصال ثنائي الاتجاه بين التطبيقات المثبتة.

Xamarin.Forms هو إطار عمل للهواتف المحمولة عبر منصات متعددة لبناء واجهات مستخدم أصلية باستخدام قاعدة كود مشتركة واحدة و.NET. يعمل كمكتبة واجهة مستخدم تعتمد على البيانات ومجموعة أدوات XAML UI، مما يسمح بتحديد تخطيطات التطبيق والعناصر المرئية باستخدام لغة ترميز تعتمد على XML. يوفر إطار العمل مغلفات API أصلية توفر الوصول إلى ميزات الأجهزة ونظام التشغيل الخاصة بالجهاز عبر C#. ويستخدم نظامًا لعرض قاعدة كود واجهة مستخدم واحدة من خلال عناصر تحكم أصلية عبر أنظمة تشغيل مختلفة. يغطي المشروع إدارة التخطيط التكيفي وتنقل التطبيق لتحديد تدفقات الشاشة. ويتضمن إمكانيات للوصول إلى ميزات المنصة الأصلية، وإدارة تخزين البيانات المحلية، واستهلاك خدمات REST لدمج بيانات السحابة.

luci-theme-argon is a visual interface for the OpenWrt administrative console that replaces the default look with a modern design. It provides a responsive web interface that automatically adjusts the administrative dashboard for usability on both mobile devices and desktop screens. The theme features a customizable login screen that supports custom images, videos, and transparency effects. It includes a dark mode interface with the ability to switch between light and dark color schemes manually or automatically based on system preferences. The project covers wide-ranging user interface cust

SwiftLanguageWeather هو تطبيق محمول مبني بـ Swift لنظام iOS يسترجع ويعرض توقعات الطقس في الوقت الفعلي والظروف الحالية. يعمل كعميل مدرك للموقع يستخدم GPS الجهاز للحصول على بيانات الطقس بناءً على الإحداثيات المادية الحالية للمستخدم. يتميز التطبيق بواجهة مستخدم تكيفية مصممة بفئات أحجام للحفاظ على مظهر متسق عبر أبعاد شاشة iPhone وiPad المختلفة. يدمج المشروع خدمات API عن بُعد لجلب معلومات الطقس ويستخدم الخدمات القائمة على الموقع لأتمتة استرجاع البيانات. ويدير عرض التوقعات من خلال تخطيط يتكيف ديناميكياً مع أحجام الأجهزة المختلفة.

هذا المشروع عبارة عن مكتبة واجهة مستخدم للهواتف المحمولة عبر الأنظمة الأساسية ونظام تصميم مبني لإطار عمل React Native. يوفر مجموعة من مكونات الواجهة القابلة للتصميم وإعادة الاستخدام لضمان الاتساق المرئي عبر أنظمة تشغيل الهواتف المحمولة المختلفة. يتضمن إطار العمل أداة متخصصة لتحويل سلاسل HTML الخام إلى مكونات هاتف محمول أصلية باستخدام عرض العناصر المخصص وتجاوزات النمط. كما يتميز بنظام تحديث عن بُعد يسمح بدفع تغييرات الواجهة والميزات الجديدة مباشرة إلى الأجهزة دون الحاجة إلى إصدار كامل من متجر التطبيقات. تغطي المكتبة مجموعة واسعة من الإمكانيات، بما في ذلك تصميم التطبيقات المركزي وإدارة السمات، ورسوم متحركة لواجهة المستخدم تعريفية، وإدارة تخطيط الشاشة باستخدام الشبكات وعلامات التبويب وأجهزة النداء. وتوفر مجموعة من العناصر التفاعلية لإدخال المستخدم، وعرض الوسائط للصور ومقاطع الفيديو، ومؤشرات إشعارات النظام. تتضمن ميزات الأداة الإضافية التخزين المحلي للإشارات المرجعية، وتكامل إشعارات الدفع، وأدوات آلية للنشر في المتجر.

tailwind-rn is a utility-first mobile UI kit and integration framework that allows the use of Tailwind CSS utility classes to style React Native components. It functions as a responsive mobile styling engine that transforms CSS style definitions into JSON objects compatible with native mobile view styling. The project provides a CSS-to-JSON style converter and a responsive engine that adapts styles based on screen breakpoints, dark mode preferences, and viewport orientation. This enables the implementation of mobile responsive design and state-based styling without writing manual stylesheets.

Konsta هو نظام تصميم للهواتف المحمولة ومكتبة مكونات ذات طابع أصلي (Native-style). يوفر مجموعة من مكونات واجهة المستخدم الجاهزة والمبنية باستخدام Tailwind CSS لإنشاء واجهات تطبيقات الهاتف التي تحافظ على مظهر أصلي متسق عبر أنظمة تشغيل الهواتف المختلفة. تركز المكتبة على محاكاة الواجهة الأصلية، وتطبيق أنظمة تصميم تحاكي الأنماط البصرية الرسمية وإرشادات iOS وAndroid. وتستخدم تعيين الأنماط الخاص بالمنصة والسمات القائمة على نظام التصميم لضمان أن تبدو التطبيقات الهجينة أو تطبيقات الويب كتطبيقات أصلية. يغطي إطار العمل تطوير واجهة مستخدم الهاتف المحمول من خلال تنسيق CSS القائم على الأدوات (Utility-first) وتجريدات الواجهة القائمة على المكونات. ويدير السمات البصرية عبر خصائص CSS المخصصة وفئات الأدوات لبناء تخطيطات هاتف محمول متجاوبة.